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 AMlinkgrid test
41druiznyc63.118.154.661oe4vlmApr 1, 2016 8:41:09 PMlinkresources
index.zulzul<zk>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
<![CDATA[
jq(function(){
jq('body').on('change', zk.Widget.$('$wm'), function(){
jq(this).closest('tr').find('input[type=text]').val('').find('input[type=checkbox]:checked').prop('checked', false);
var v1 = jq(zk.Widget.$('$wm')).prop('selectedIndex');
if (v1=='1'){
jq(zk.Widget.$('$weekly')).css('display','inline-block');
jq(zk.Widget.$('$monthly')).css('display','none');
}else if (v1=='2'){
jq(zk.Widget.$('$monthly')).css('display','inline-block');
jq(zk.Widget.$('$weekly')).css('display','none');
}else {
jq(zk.Widget.$('$weekly')).css('display','none');
jq(zk.Widget.$('$monthly')).css('display','none');
}
});
jq('body').on('change', zk.Widget.$('$dt'), function(){
var v2 = jq('#dt').prop('selectedIndex');
alert(v2)
if (v2=='0'){
jq('#day').css('display','inline-block');
jq('#the').css('display','none');
}else if (v2=='1'){
jq('#the').css('display','inline');
jq('#day').css('display','none');
}
});
});
]]></script>
<style>
.defaultfreq td { background:#ddd !important;}
.defaultfreq :disabled { background:#fff !important;color:#000 !important; }
.weekly input[type="checkbox"] + label, .weekly.z-label {display:inline-block;width:18px; height:18px; border:1px solid rgb(169, 169, 169);text-align:center;line-height:18px;background:#fff;}
.weekly input[type="checkbox"]:checked + label, .weekly.z-label.checked {color:red;border:1px solid #f00;}
.weekly input[type="checkbox"] {display:none;}
.weekly input, .monthly input[type="text"] {width:20px}
.whiteheader .z-auxheader {background:#fff !important;}
</style>
<listbox id="box" multiple="true" checkmark="true" oddRowSclass="none" vflex="1" width="750px" >
<listhead>
<listheader label="Store" width="165px" />
<listheader label="Store Description" width="200px" />
<listheader label="Freq" hflex="1" />
</listhead>
<auxhead sclass="whiteheader">
<auxheader label="CUSTOM" />
<auxheader label="CUSTOM" />
<auxheader>
<listbox id="wm" mold="select" rows="1">
<listitem />
<listitem label="Weekly" />
<listitem label="Monthly" />
</listbox>
<div id="weekly" style="display:none">
Recur every <textbox value="" width="20px" /> week(s) on:
<checkbox id="Sun" label="S" sclass="weekly" tooltiptext="Sunday" />
<checkbox id="Mon" label="M" sclass="weekly" tooltiptext="Monday" />
<checkbox id="Tue" label="T" sclass="weekly" tooltiptext="Tuesday" />
<checkbox id="Wed" label="W" sclass="weekly" tooltiptext="Wednesday" />
<checkbox id="Thu" label="T" sclass="weekly" tooltiptext="Thursday" />
<checkbox id="Fri" label="F" sclass="weekly" tooltiptext="Friday" />
<checkbox id="Sat" label="S" sclass="weekly" tooltiptext="Saturday" />
</div>
<div id="monthly" class="monthly" style="display:none">
<listbox id="dt" mold="select" rows="1">
<listitem label="Day" selected="true" />
<listitem label="The" />
</listbox>
<span id="day"><textbox value="" width="20px" /> of every <textbox value="" width="20px" name="dmonths" /> month(s)</span>
<div style="display:none">
<listbox id="" mold="select" rows="1">
<listitem label="1st" />
<listitem label="2nd" />
<listitem label="3rd" />
<listitem label="4th" />
</listbox>
<listbox mold="select" rows="1">
<listitem label="SUN" />
<listitem label="MON" />
<listitem label="TUE" />
<listitem label="WED" />
<listitem label="THU" />
<listitem label="FRI" />
<listitem label="SAT" />
</listbox>
of every <textbox value="" width="20px" name="tmonths" /> month(s)</div>
</div>
</auxheader>
</auxhead>
<auxhead sclass="whiteheader">
<auxheader label="DEFAULT" />
<auxheader label="DEFAULT" />
<auxheader><label value="Weekly" style="font-weight:bold" />
<label value="Recur every" /> <label value="1" style="font-weight:bold" /> <label value="week(s) on:" />
<label value="S" sclass="weekly" tooltiptext="Sunday" />
<label value="M" sclass="weekly checked" tooltiptext="Monday" />
<label value="T" sclass="weekly" tooltiptext="Tuesday" />
<label value="W" sclass="weekly" tooltiptext="Wednesday" />
<label value="T" sclass="weekly" tooltiptext="Thursday" />
<label value="F" sclass="weekly checked" tooltiptext="Friday" />
<label value="S" sclass="weekly" tooltiptext="Saturday" />
</auxheader>
</auxhead>
<listitem>
<listcell label="1" />
<listcell label="SOHO" />
<listcell>
<label value="Monthly" style="font-weight:bold" />
<label value="The" style="font-weight:bold" /> <label value="4th" style="font-weight:bold" />
<label value="MON" style="font-weight:bold" /> <label value="of every" /> <label value="month(s)" />
</listcell>
</listitem>
<listitem>
<listcell label="4" />
<listcell label="GOERGETOWN" />
<listcell>
<label value="Monthly" style="font-weight:bold" />
<label value="Day" style="font-weight:bold" /> <label value="25" style="font-weight:bold" /> <label value="of every" />
<label value="1" style="font-weight:bold" /> <label value="month(s)" />
</listcell>
</listitem>
<listitem>
<listcell label="5" />
<listcell label="CHICAGO" />
<listcell>DEFAULT</listcell>
</listitem>
<listitem>
<listcell label="6" />
<listcell label="ATLANTA" />
<listcell>DEFAULT</listcell>
</listitem>
<listitem>
<listcell label="7" />
<listcell label="ROOSEVELT FIELD" />
<listcell>DEFAULT</listcell>
</listitem>
<listitem>
<listcell label="8" />
<listcell label="NORTHPARK" />
<listcell>DEFAULT</listcell>
</listitem>
<listitem>
<listcell label="9" />
<listcell label="TYSONS CORNER" />
<listcell>DEFAULT</listcell>
</listitem>
</listbox>
</zk>