Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkTanzer2 - use vbox and hbox
2proficient208.53.1.1062io6hnSep 27, 2018 12:52:47 PMlinkresources
index.zulzul<zk>
<borderlayout height="100%" width="100%" >
<center border="0" autoscroll="true" hflex="true" vflex="true">
<div>
<tabbox tabscroll="true" height="100%" width="100%">
<tabs id="tabsList">
<tab id="order_edit_tab" label="order tab" />
<tab id="order_part_edit_tab" label="order part tab" />
</tabs>
<tabpanels>
<tabpanel id="order_edit_tabpanel" height="100%" width="100%">
<vbox>
<hbox height="200px">
<vbox hflex="true">
<grid align="left">
<columns>
<column label=""
width="150px" />
<column label="" />
</columns>
<rows>
<row>
<label
value="accountNumberLabel" width="70px" />
<textbox
width="80px" id="account" name="tb_account"
value=""
maxlength="20" />
</row>
<row>
<hbox>
<label
value="orderNameLabel" />
<label
visible="" value="*"
style="color:red; font-weight:bold" />
</hbox>
<combobox id="presetOrderNames" readonly="false" name="cb_ordername" />
</row>
<row>
<hbox>
<label
value="patientLabel" />
<label
visible="" value="*"
style="color:red; font-weight:bold" />
</hbox>
<hbox>
<textbox
id="patient_name" name="tb_patientname"
value="displayName"
width="275px" />
<button id="btnFindPatient"
tooltiptext="Click to select a new patientLabel for this orderLabel ..." >Find</button>
</hbox>
</row>
<row>
<hbox>
<label
value="doctorLabel" />
<label value="*"
style="color:red; font-weight:bold" />
</hbox>
<hbox>
<textbox
id="doctor_name" name="tb_doctor" value="nameAndOrganization"
width="275px" />
<button id="btnFindDoctor"
tooltiptext="Click to select a new doctorLabel for this orderLabel ..." />
</hbox>
</row>
<row id="esmd_row" visible="false">
<hbox>
<label value="esmdLabel" />
</hbox>
<hbox>
<label value="auditorLabel" />
<combobox
id="auditors" readonly="true" name="cb_auditors" width="140px" />
<label value="claimLabel" />
<textbox
id="claim_id" name="tb_claim"
width="120px"/>
<label value="caseLabel" />
<textbox
id="case_id" name="tb_case"
width="120px"/>
</hbox>
</row>
</rows>
</grid>
</vbox>
<vbox hflex="true">
<grid align="right">
<columns>
<column label=""
width="150px" />
<column label="" />
</columns>
<rows>
<row>
<label
value="orderDate" />
<textbox
name="db_orderdate" id="orderdate"
width="100px" value="orderdate" />
</row>
<row>
<label value="scheduledDateLabel" />
<textbox
id="scheduleddate" name="db_scheduleddate"
width="100px"
value="scheduledate" />
</row>
<row>
<label value="Expiration Date" />
<textbox
id="expirationdate" name="db_expiredate"
width="100px"
value="expirationdate"/>
</row>
<row>
<hbox>
<label value="Default departmentLabel" />
<label style="color:red; font-weight:bold" />
</hbox>
<combobox
id="defaultDepartmentsCombo" name="cb_defaultDepts" />
</row>
<row>
<hbox>
<label
value="orderStatusLabel" />
</hbox>
<combobox
id="presetOrderStatuses" readonly="true"
name="cb_orderstatus" />
</row>
<row>
<hbox>
<label value="Priority" />
</hbox>
<combobox id="orderPriorityCombobox"
name="orderPriorityCombobox"
readonly="true" />
</row>
</rows>
</grid>
</vbox>
</hbox>
<hbox height="100%">
<vbox>
Documents or Forms:
<listbox
fixedLayout="true" id="orderPartsList" checkmark="true"
multiple="true" >
<listhead>
<listheader
label="" width="30px" />
<listheader
label="departmentLabel" width="45px" />
<listheader
label="Part Type" width="80px" />
<listheader
label="Signed" width="70px" />
<listheader
label="Export" width="48px" />
<listheader
label="Part ID" width="85px" />
<listheader
label="" width="55px" />
<listheader
label="Name" />
<listheader
label="Date" width="150px" />
</listhead>
<listitem><listcell label="1"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="2"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="3"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="4"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="5"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="6"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="7"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="8"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="9"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="10"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="11"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="12"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="13"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="14"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="15"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="16"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="17"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="18"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="19"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="20"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="21"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="22"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="23"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="24"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="25"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="26"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="27"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="28"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="29"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
<listitem><listcell label="30"/><listcell label="dept name"/><listcell label="part type"/><listcell label="signed"/><listcell label="export"/><listcell label="partid"/><listcell label="something..."/><listcell label="name"/><listcell label="date"/></listitem>
</listbox>
</vbox>
<vbox width="200px">
<label value="departmentLabel:" />
<listbox fixedLayout="true" id="departments">
<listitem><listcell label="dept 1"/></listitem>
<listitem><listcell label="dept 2"/></listitem>
<listitem><listcell label="dept 3"/></listitem>
<listitem><listcell label="dept 4"/></listitem>
<listitem><listcell label="dept 5"/></listitem>
<listitem><listcell label="dept 6"/></listitem>
<listitem><listcell label="dept 7"/></listitem>
<listitem><listcell label="dept 8"/></listitem>
<listitem><listcell label="dept 9"/></listitem>
<listitem><listcell label="dept 10"/></listitem>
<listitem><listcell label="dept 11"/></listitem>
<listitem><listcell label="dept 12"/></listitem>
<listitem><listcell label="dept 13"/></listitem>
<listitem><listcell label="dept 14"/></listitem>
<listitem><listcell label="dept 15"/></listitem>
<listitem><listcell label="dept 16"/></listitem>
<listitem><listcell label="dept 17"/></listitem>
<listitem><listcell label="dept 18"/></listitem>
<listitem><listcell label="dept 19"/></listitem>
<listitem><listcell label="dept 20"/></listitem>
</listbox>
</vbox>
</hbox>
<hbox height="35px">
<button
id="send_selected_orderpart_button"
label="Send Selected" />
<button
id="export_selected_orderpart_button"
label="Export selected" />
<button label="New Form"
id="btnAddFormPart" />
<button
label="Add File(s)" id="btnAddFilePart" />
<button label="New Note"
id="btnAddNotePart" />
<button
id="order_edit_validate_patient_btn"
label="Validate" />
<button
id="coversheet_download_btn"
label="Download Cover" />
<button
id="order_edit_refresh_order_btn"
label="Refresh"
tooltiptext="Refresh Current Order and its Order Parts" />
<button
id="send_to_esmd"
label="Send to CMS/esMD" visible="false"
disabled="true"/>
</hbox>
</vbox>
</tabpanel>
<tabpanel id="order_part_edit_tabpanel" width="100%" height="100%">
<vbox width="100%" height="100%"
id="my_edit_order_win">
order part edit content
</vbox>
</tabpanel>
</tabpanels>
</tabbox>
</div>
</center>
<south id="southBorder" margins="5,5,5,5" border="0" height="26px" autoscroll="true">
<hbox style="float:right">
<label id="status_label" style="float:left;font-size:12px;" value="" />
<separator id="status_sep" bar="true" orient="vertical" visible="false"/>
<toolbarbutton id="mark_as_unread_tbb" label="Mark As Unread" visible="false" />
<separator />
<button id="cancel_btn" tooltiptext="Cancel">Cancel</button>
<button tooltiptext="Save" id="order_edit_save_changes" >Save</button>
<button tooltiptext="Save and Close" id="order_edit_save_changes_and_close">Save and Close</button>
<button tooltiptext="Save and Close All" id="order_edit_save_changes_and_close_all">Save All</button>
<separator visible="true" bar="true" orient="vertical" />
<button id="print_btn" tooltiptext="Print">Printer</button>
</hbox>
</south>
</borderlayout>
</zk>