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 AMlinkAnother new ZK fiddle
2guest115.249.163.1703qrkbnmApr 2, 2019 4:57:48 AMlinkresources
index.zulzul<zk>
<window border="normal" title="hello" apply="pkg$.TestComposer">
<div id="detailedDiv" width="100%" height="100%">
<!--
Filter based on period (To date and From date)
Cheque Amount (To and From)
Debit Account No
Credit Account No
Cheque No
Maker ID
Verifier ID
Status
Batch ID
Transaction Source
CIF
Corporate ID"
-->
<grid id="detailedgrid" align="center" >
<rows>
<row width="100%"></row>
<row align="left" width="100%">
<label value="From Date :" ></label><datebox id="fromDate_db" width="70%" readonly="true" />
<label value="" hflex = "3"></label>
<label value="To Date :" ></label><datebox id="toDate_db" width="70%" readonly="true"/>
</row>
<row align="left" width="100%">
<label value="From Amount :" ></label><textbox id="fromAmount_tb" width="70%" constraint="/^([0-9]*[\.]{0,1}[0-9]{1,2}){0,}$/" />
<label value="" hflex = "3"></label>
<label value="To Amount :" ></label><textbox id="toAmount_tb" width="70%" constraint="/^([0-9]*[\.]{0,1}[0-9]{1,2}){0,}$/" />
</row>
<row align="left" width="100%">
<label value="Credit Account No :" ></label><textbox id="cracno_tb" width="70%" constraint="/^([0-9]{6,}){0,}$/"/>
<label value="" hflex = "3"></label>
<label value="Debit Account No :" ></label><textbox id="dracno_tb" width="70%" constraint="/^([0-9]{6,}){0,}$/"/>
</row>
<row align="left" width="100%">
<label value="Cheque No :" ></label><textbox id="chequeNo_tb" width="70%" constraint="/^([0-9]{6,}){0,}$/"/>
<label value="" hflex = "3"></label>
<label value="Batch ID :" ></label><combobox id="batchid_cb" width="70%" readonly="true"></combobox>
</row>
<row align="left" width="100%">
<label value="Maker ID :" ></label><combobox id="makerid_cb" width="70%" readonly="true"></combobox>
<label value="" hflex = "3"></label>
<label value="Verifier ID :" ></label><combobox id="verifierid_cb" width="70%" readonly="true"></combobox>
</row>
<row align="left" width="100%">
<label value="Source Type:" ></label><combobox id="sourceType_cb" width="70%" readonly="true"></combobox>
<label value="" hflex = "3"></label>
<label value="Source :" ></label><combobox id="sourceValue_cb" width="70%" readonly="true"></combobox>
</row>
<row align="left" width="100%">
<label value="Status :" ></label><combobox id="status_cb" width="70%" readonly="true"></combobox>
<label value="" hflex = "3"></label>
<label value="Return Reason :" ></label><combobox id="returnReason_cb" width="70%" readonly="true"></combobox>
</row>
<row align="left" width="100%">
<label value="Corporate ID :" ></label><textbox id="corporateid_tb" width="70%" ></textbox>
<label value="" hflex = "3"></label>
<label value="CIF :" ></label><textbox id="cif_tb" width="70%" />
</row>
<row align="center" width="100%">
<label value="" hflex = "3"></label>
<label value="" hflex = "3"></label>
<button class="btn btn-primary" id="detailedreport" mold="trendy" label="Show Report" />
<label value="" hflex = "3"></label>
<label value="" hflex = "3"></label>
</row>
</rows>
</grid>
</div>
<div id="closediv" align="right" width="100%" height="100%" visible="false">
<div align="right" width="100%" height="8%" >
<hbox align="center" pack="end" >
<label id = "lb1" value="Select Format:" ></label>
<combobox id="formatcb" readonly = "true">
<comboitem label="xls"/>
<comboitem label="csv"/>
<comboitem label="txt"/>
</combobox>
<button class="btn btn-primary" id="convert" mold="trendy" label="Convert"/>
<button class="btn btn-primary" id="close" mold="trendy" label="OK"/>
</hbox>
</div>
<iframe id="detailedreport_if" width="100%" height="92%" autohide="true"/>
</div>
</window>
</zk>
TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}