ZK ListBox

Let us first design a simple  static list box with crud Buttons as last column.



Here is the code


<?page title="Practice List" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Practice List" border="normal">

<listbox id="box">
<listhead sizable="true">
<listheader label="Practice Name" sort="auto" />
<listheader label="City" sort="auto" />
<listheader label="State" sort="auto" />
<listheader label="Zip Code" sort="auto" />
<listheader label="Action" sort="auto" />
</listhead>
<listitem>
<listcell label="Adult Medical Day Care" />
<listcell label="Cumberland" />
<listcell label="Maryland" />
<listcell label="21502" />
<listcell>
<toolbar>
<toolbarbutton id="Active" label="Active" />
<toolbarbutton id="Delete" label="Delete" />
<toolbarbutton id="Edit" label="Edit" />
</toolbar>
</listcell>
</listitem>
<listitem>
<listcell label="Baptist Medical Center" />
<listcell label="Kansas" />
<listcell label="Missouri" />
<listcell label="64131" />
<listcell>
<toolbar>
<toolbarbutton label="Active" />
<toolbarbutton label="Delete" />
<toolbarbutton label="Edit" />
</toolbar>
</listcell>
</listitem>
<listitem>
<listcell label="California Medical Facility" />
<listcell label="Vacaville" />
<listcell label="California" />
<listcell label="95696" />
<listcell>
<toolbar>
<toolbarbutton label="Active" />
<toolbarbutton label="Delete" />
<toolbarbutton label="Edit" />
</toolbar>
</listcell>

</listitem>
<listitem>
<listcell label="Garden Park Medical Center" />
<listcell label="Gulfport" />
<listcell label="Mississipp" />
<listcell label="395033085" />
<listcell>
<toolbar>
<toolbarbutton label="Active" />
<toolbarbutton label="Delete" />
<toolbarbutton label="Edit" />
</toolbar>
</listcell>

</listitem>
</listbox>
</window>
</zk>

Output as follows