Monday, 30 April 2012

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


1 comment:

  1. Let us suppose we are giving users edit multiple row and when he click on save then we will save all the editable data in database how can we achieve this?

    ReplyDelete