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
19guest172.70.230.1531lj033hJun 28, 2023 6:29:56 PMlinkresources
index.zulzul<zk>
<style>
* {
font-family:arial !important;font-size: 12px !important;
}
.z-listheader-content, .z-listgroupfoot-content, .z-listfooter-content {
font-weight:bold;
}
.z-listfooter-content {
color: #000;
}
.z-listbox-header table th, .z-listbox-header table td {
background-color: #36f;
}
.z-listcell-content {
word-wrap:break-word;padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
</style>
<listbox id="box" multiple="true" checkmark="false" oddRowSclass="none" >
<auxhead>
<auxheader colspan="3" />
<auxheader label="Sales" style="text-align: center" />
<auxheader label="Sales" style="text-align: center" />
<auxheader label="Sales" style="text-align: center;" />
<auxheader label="Sales YTD" style="text-align: center" />
<auxheader label="Sales YTD" style="text-align: center" />
<auxheader label="Sales YTD" style="text-align: center;" />
</auxhead>
<listhead>
<listheader label="Style #" width="100px" />
<listheader label="Style Desc" />
<listheader label="Color Desc" />
<listheader label="TW" style="text-align: center" />
<listheader label="LW" style="text-align: center" />
<listheader label="% +/-" style="text-align: center" width="80px" />
<listheader label="TY" style="text-align: center" />
<listheader label="LY" style="text-align: center" />
<listheader label="% +/-" style="text-align: center;" width="80px" />
</listhead>
<listitem>
<listcell label="84212" />
<listcell label="M'S NANO PUFF JKT" />
<listcell label="BLACK" />
<listcell label="$191,427" style="text-align:right" />
<listcell label="$194,690" style="text-align:right" />
<listcell label="(1.7%)" style="text-align:right;color:red;" />
<listcell label="$281,033" style="text-align:right" />
<listcell label="$298,954" style="text-align:right" />
<listcell label="(6.0%)" style="text-align:right;color:red;" />
</listitem>
<listitem>
<listcell label="28441" />
<listcell label="W'S DOWN WITH IT PARKA" />
<listcell label="BLACK" />
<listcell label="$173,166" style="text-align:right" />
<listcell label="$87,232" style="text-align:right" />
<listcell label="98.5%" style="text-align:right" />
<listcell label="$865,602" style="text-align:right" />
<listcell label="$803,257" style="text-align:right" />
<listcell label="7.8%" style="text-align:right" />
</listitem>
<listitem>
<listcell label="84242" />
<listcell label="M'S NANO PUFF VEST" />
<listcell label="BLACK" />
<listcell label="$126,588" style="text-align:right" />
<listcell label="$167,978" style="text-align:right" />
<listcell label="(24.6%)" style="text-align:right;color:red;" />
<listcell label="$216,211" style="text-align:right" />
<listcell label="$209,474" style="text-align:right" />
<listcell label="3.2%" style="text-align:right" />
</listitem>
<listitem>
<listcell label="25543" />
<listcell label="W'S BETTER SWEATER JKT" />
<listcell label="BIRCH WHITE" />
<listcell label="$114,553" style="text-align:right" />
<listcell label="$183,256" style="text-align:right" />
<listcell label="(37.5%)" style="text-align:right;color:red;" />
<listcell label="$490,116" style="text-align:right" />
<listcell label="$495,160" style="text-align:right" />
<listcell label="(1.0%)" style="text-align:right;color:red;" />
</listitem>
<listitem>
<listcell label="84217" />
<listcell label="W'S NANO PUFF JKT" />
<listcell label="BLACK" />
<listcell label="$103,953" style="text-align:right" />
<listcell label="$174,159" style="text-align:right" />
<listcell label="(40.3%)" style="text-align:right;color:red;" />
<listcell label="$229,239" style="text-align:right" />
<listcell label="$288,738" style="text-align:right" />
<listcell label="(20.6%)" style="text-align:right;color:red;" />
</listitem>
<listitem>
<listcell label="25528" />
<listcell label="M'S BETTER SWEATER JKT" />
<listcell label="NEW NAVY" />
<listcell label="$101,903" style="text-align:right" />
<listcell label="$168,092" style="text-align:right" />
<listcell label="(39.4%)" style="text-align:right;color:red;" />
<listcell label="$282,697" style="text-align:right" />
<listcell label="$247,473" style="text-align:right" />
<listcell label="14.2%" style="text-align:right" />
</listitem>
<listitem>
<listcell label="84711" />
<listcell label="W'S DOWN SWEATER HOODY" />
<listcell label="BLACK" />
<listcell label="$87,787" style="text-align:right" />
<listcell label="$42,765" style="text-align:right" />
<listcell label="105.3%" style="text-align:right" />
<listcell label="$114,382" style="text-align:right" />
<listcell label="$165,174" style="text-align:right" />
<listcell label="(30.8%)" style="text-align:right;color:red;" />
</listitem>
<listitem>
<listcell label="84683" />
<listcell label="W'S DOWN SWEATER" />
<listcell label="BLACK" />
<listcell label="$" style="text-align:right" />
<listcell label="$" style="text-align:right" />
<listcell label="77.2%" style="text-align:right" />
<listcell label="$" style="text-align:right" />
<listcell label="$" style="text-align:right" />
<listcell label="0.4%" style="text-align:right" />
</listitem>
<listitem>
<listcell label="27915" />
<listcell label="W'S JACKSON GLACIER PARKA" />
<listcell label="BLACK" />
<listcell label="$79,315" style="text-align:right" />
<listcell label="$10,331" style="text-align:right" />
<listcell label="667.7%" style="text-align:right" />
<listcell label="$191,070" style="text-align:right" />
<listcell label="$150,807" style="text-align:right" />
<listcell label="26.7%" style="text-align:right" />
</listitem>
<listitem>
<listcell label="28388" />
<listcell label="M'S TRES 3-IN-1 PARKA" />
<listcell label="BLACK" />
<listcell label="$74,874" style="text-align:right" />
<listcell label="$54,309" style="text-align:right" />
<listcell label="37.9%" style="text-align:right" />
<listcell label="$881,455" style="text-align:right" />
<listcell label="$877,417" style="text-align:right" />
<listcell label="0.5%" style="text-align:right" />
</listitem>
<listfoot>
<listfooter />
<listfooter />
<listfooter label="Grand Total:" style="text-align:right;" />
<listfooter label="$1,139,802" style="text-align:right;" />
<listfooter label="$1,131,480" style="text-align:right;" />
<listfooter label="0.7%" style="text-align:right;" />
<listfooter label="$3,808,362" style="text-align:right;" />
<listfooter label="$3,792,091" style="text-align:right;" />
<listfooter label="0.4%" style="text-align:right;" />
</listfoot>
</listbox>
</zk>