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

ZK-2756

1rudyhuang220.134.32.2422m2p0uuSep 10, 2018 1:50:59 AMlink

resources

index.zulzul<?xml version="1.0" encoding="UTF-8"?> <!-- F86-ZK-2756-2.zul Purpose: Description: History: Tue Sep 04 09:36:52 CST 2018, Created by rudyhuang Copyright (C) 2018 Potix Corporation. All Rights Reserved. --> <zk> <label multiline="true"> 1. Look the dropdown menu of select and check these: - You should see Group 1 which is no item. - You should see Group 2 which Item 4 and 5 are unselectable. - You should see Group 3 which has Item 6 - You should see Item 7 not in Group 3. - You shouldn't see Group 4. 2. Click button "Toggle Group 1 open". Now the Item 1 and Item 3 are visible (Item 2 still invisible). 3. Click button "Toggle Item 2 visible". Now the Item 2 is visible. 4. Click button "Toggle Group 2 disabled". Now the items of Group 2 are selectable. 5. Click button "Toggle Group 4 visible". Now the Group 4 is visible and Item 7 is in Group 4. 6. Click button "Detach Group 3". Now Group 2 has Item 4, 5 and 6. 7. Click button "Insert Group 5 before Group 1". The Group 5 is at the top position. 8. Click button "Insert Item 1.1 before Item 2". The Item 1.1 is before Item 2. 9. Click button "Change Group 4 label" and "Change Item 7 label". The label will be changed. 10. Click button "Set maxlength 5". All items can be seem the first 5 characters. </label> <listbox id="lb" mold="select"> <listgroup id="g1" label="Group 1" open="false"/> <listitem label="Item 1" /> <listitem id="i2" label="Item 2" visible="false" /> <listitem label="Item 3" /> <listgroup id="g2" label="Group 2" disabled="true"/> <listitem label="Item 4" /> <listitem label="Item 5" /> <listgroup id="g3" label="Group 3" /> <listitem label="Item 6" /> <listgroup id="g4" label="Group 4" visible="false"/> <listitem id="i7" label="Item 7" /> </listbox> <hlayout> <vlayout> <button onClick="g1.open = !g1.open" label="Toggle Group 1 open"/> <button onClick="i2.visible = !i2.visible" label="Toggle Item 2 visible"/> <button onClick="g2.disabled = !g2.disabled" label="Toggle Group 2 disabled"/> <button onClick="g4.visible = !g4.visible" label="Toggle Group 4 visible"/> <button onClick='g3.detach()' label="Detach Group 3"/> <button onClick='lb.insertBefore(new Listgroup("Group 5"), g1)' label="Insert Group 5 before Group 1"/> </vlayout> <vlayout> <button onClick='lb.insertBefore(new Listitem("Item 1.1"), i2)' label="Insert Item 1.1 before Item 2"/> <button onClick='g4.label += "."' label="Change Group 4 label"/> <button onClick='i7.label += "."' label="Change Item 7 label"/> <button onClick='lb.maxlength = 5' label="Set maxlength 5"/> <button onClick='lb.mold = (lb.mold == "default" ? "select" : "default")' label="Toggle mold"/> </vlayout> </hlayout> </zk>