Step 4 - Dynamic Table Rendering
Now that we have the page updating dynamically, let's make it more interactive. We are going to add the ability to select time zones for which we want to see more detailed information. To do this we will add some selectBooleanCheckbox components and a dataTable component. As the checkboxes are selected and de-selected, the rows of the table will show or hide themselves without requiring a full page refresh. This is accomplished using a feature called partial submit, where each form component, such as a selectBooleanCheckbox, can trigger a partial form submission to the server when their state is changed. This is in contrast to regular form submission where only a Submit button would send updates to the server. The finished product will look similar to Figure 10:
Figure 10 TimeZone Application with Dynamic Table Rendering
