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 :

Textbox input restriction sample

1guest172.71.137.1339ahuuhJan 12, 2025 6:43:16 AMlink

ZK MVVM Converter

21guest172.71.137.13816cf90oJan 12, 2025 6:35:27 AMlink

Template composition and include

35guest172.70.246.66vroi36Jan 10, 2025 3:44:06 PMlink

Template composition and include

34guest172.70.246.66vroi36Jan 10, 2025 3:43:42 PMlink

Template composition and include

33guest172.70.246.66vroi36Jan 10, 2025 3:42:59 PMlink

Template composition and include

32guest172.70.246.67vroi36Jan 10, 2025 3:41:58 PMlink

Template composition and include

31guest172.70.246.66vroi36Jan 10, 2025 3:41:25 PMlink

Template composition and include

30guest172.70.246.66vroi36Jan 10, 2025 3:39:35 PMlink

Template composition and include

29guest172.70.246.66vroi36Jan 10, 2025 3:39:09 PMlink

Template composition and include

28guest172.70.246.67vroi36Jan 10, 2025 3:37:54 PMlink

fellow component not found

3agazerboy129.97.60.2003ks9ssnAug 25, 2014 3:10:11 PMlink

resources

index.zulzul<?xml version="1.0" encoding="UTF-8"?> <!-- Z60-Listbox-SimpleListModel-ROD.zul Purpose: Description: History: Fri Jan 13 11:21:05 TST 2012, Created by benbai Copyright (C) 2012 Potix Corporation. All Rights Reserved. --> <zk> <window id="win1" title="hello" border="normal" width="600px"> <zscript> <![CDATA[ int cnt = 0; int elemcnt = 0; public void checkEqualSelection (String idOne, String idTwo, Label msg) { Listbox lbOne = (Listbox)self.getFellow("win1").getFellow(idOne); Listbox lbTwo = (Listbox)self.getFellow("win1").getFellow(idTwo); Set s1 = lbOne.getSelectedItems(); Set s2 = lbTwo.getSelectedItems(); boolean matched = false; for (Object o : s1) { for (Object o2 : s2) { System.out.println(((Listitem)o).getValue()); System.out.println(((Listitem)o2).getValue()); if (((Listitem)o).getValue().equals(((Listitem)o2).getValue())) { matched = true; break; } } if (!matched) { msg.setValue("false"); return; } matched = false; } msg.setValue("true"); } ]]></zscript> <div> <div>1. There are 3 Listbox below.</div> <div>2. For first two Listbox, their select status will sync automatically after you select item.</div> <div>3. Select data 10 of third Listbox.</div> <div>4. Click clone and 'clone by serialization', then two Listboxes should be created and also select data 10.</div> <div>5. Select data 212 of third Listbox, data 213 of fourth and data 214 of fifth, the select status of last three listbox should not sync.</div> <div>6. Click clone and 'clone by serialization', you should see two Listboxes created and each Listbox after fifth Listbox select data 212.</div> </div> <hbox> <listbox id="lbxOne" height="150px" width="140px" model="${model}" onSelect="" checkmark="true" /> <listbox id="lbxTwo" height="150px" width="140px" model="${model}" onSelect="" checkmark="true" /> <listbox id="lbxThree" height="150px" width="140px" model="${model2}" onSelect="" checkmark="true" /> </hbox> <hbox> <textbox id="tbOne" value="box one" /> <textbox id="tbTwo" value="box two" /> <button id="btnOne" label="check equal selection" onClick='checkEqualSelection(tbOne.getValue(), tbTwo.getValue(), msg);' /> <label id="msg" /> </hbox> <div height="10px"></div> <button id="btnTwo" label="clone"> <attribute name="onClick"> Listbox lbx = lbxThree.clone(); lbx.setId("lbxThree_clone" + cnt++); lbx.setParent(cloneThreeArea); </attribute> </button> <button id="btnThree" label="Clone by Serialization"> <attribute name="onClick"><![CDATA[{ import java.io.*; ByteArrayOutputStream boa = new ByteArrayOutputStream(); new ObjectOutputStream(boa).writeObject(lbxThree); byte[] bs = boa.toByteArray(); Object n = new ObjectInputStream(new ByteArrayInputStream(bs)).readObject(); n.setId("lbxThree_serialize" + cnt++); ((Component)n).setParent(cloneThreeArea); }]]></attribute> </button> <hbox id="cloneThreeArea" /> </window> </zk>