Processing...

Suggested case list:

Using timer to refresh a grid

383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlink

user model to move item to another listbox

120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlink

Disabled list item row passed to VM-1981

296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlink

Disabled list item row passed to VM-1981

295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlink

Disabled list item row passed to VM-1981

294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlink

grid sample with ListModel/RowRenderer

816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlink

grid sample with ListModel/RowRenderer

809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlink

grid sample with ListModel/RowRenderer

196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlink

grid sample with ListModel/RowRenderer

195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlink

grid sample with ListModel/RowRenderer

194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlink

grid sample with ListModel/RowRenderer

193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlink

grid sample with ListModel/RowRenderer

192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlink

grid sample with ListModel/RowRenderer

191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlink

Hierarchy table without using ZK PE/EE

1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlink

grid sample with ListModel/RowRenderer

128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlink

user model to move item to another listbox

1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlink

Using timer to refresh a grid

1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlink

Fire a event from child iframe

1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlink

Textbox input restriction sample

1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlink

Test web core taglib in ZUL

1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlink

Latest 10 Fiddles :

constraint binding textbox

3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlink

Another new ZK fiddle

2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlink

Another new ZK fiddle

1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlink

Another new ZK fiddle

1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlink

tooltip example

2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlink

Another new ZK fiddle

1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlink

Another new ZK fiddle

1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlink

onClose

1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlink

Another new ZK fiddle

1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlink

ZK-5912-Suggestion

2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlink

Another new ZK fiddle

15Daniel Ruiz63.118.154.6615iegjiFeb 27, 2018 10:47:07 PMlink

resources

index.zulzul<zk> <tree vflex="1" model="@bind(each.treeModel)" selectedItem="@bind(each.selectedTreeNode)" onSelect="@command('onTreeSelect')" multiple="false"> <treecols> <treecol> <!-- Search should not be triggered until at least 3 letters have been typed. Nodes that match the search term should be hilighted by turning on the sclass "highlight". If the highlighted node is not visible then the parent node should be opened. Selecting a node or clicking the Clear Search button will clear the search box and remove the highlight sclasses. --> <textbox id="srch" hflex="1" value="@bind(vm.treeHilight)" onChange="@command('onTreeHilight')" instant="true" placeholder="Enter a search term..." /> <button iconSclass="z-icon-times" onClick="@command('onClearTreeHilight')" tooltiptext="Clear Search" /> </treecol> </treecols> <treechildren> <treeitem id="node1" open="false"> <treerow> <treecell label="Help Center" onClick="node1.open= !node1.open;" /> </treerow> <treechildren> <treeitem> <treerow> <treecell label="Using Help Center" sclass="@bind(each.highlight ? 'hightlight vnode' : 'vnode')" onClick="@command('onSelectTreeCell', video='REAL_ID_HERE')" /> </treerow> </treeitem> </treechildren> </treeitem> <treeitem id="node2" open="false"> <treerow> <treecell label="Admin" onClick="node2.open= !node2.open;" /> </treerow> <treechildren> <treeitem value="Admin, Create New Users, User profile, set assortment permissions, delete user, remove user"> <treerow> <treecell label="Create New Users" sclass="@bind(each.highlight ? 'hightlight pdfnode vnode' : 'pdfnode vnode')" onClick="@command('onSelectTreeCell', video='REAL_ID_HERE', pdf='REAL_NAME_HERE')" /> </treerow> </treeitem> <treeitem value="Admin, Size Profile, Size sequence, size range"> <treerow> <treecell label="Style Bank" sclass="@bind(each.highlight ? 'hightlight pdfnode vnode' : 'pdfnode vnode')" onClick="@command('onSelectTreeCell', video='REAL_ID_HERE', pdf='REAL_NAME_HERE')" /> </treerow> </treeitem> <treeitem value="Admin, Style Bank, linesheet, download, advanced search"> <treerow> <treecell label="Size Profile" sclass="@bind(each.highlight ? 'hightlight pdfnode vnode' : 'pdfnode vnode')" onClick="@command('onSelectTreeCell', video='REAL_ID_HERE', pdf='REAL_NAME_HERE')" /> </treerow> </treeitem> <treeitem value="Admin, Transfer Ownership"> <treerow> <treecell label="Transfer Ownership" sclass="@bind(each.highlight ? 'hightlight pdfnode vnode' : 'pdfnode vnode')" onClick="@command('onSelectTreeCell', video='REAL_ID_HERE', pdf='REAL_NAME_HERE')" /> </treerow> </treeitem> </treechildren> </treeitem> </treechildren></tree> </zk>