Processing...

Suggested case list:

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

identify firefox or not in server side

1TonyQ198.203.175.1751nv2qreDec 10, 2011 4:25:04 AMlink

ZK addThis integration

1TonyQ198.203.175.1751apl96jNov 5, 2011 4:12:50 AMlink

Latest 10 Fiddles :

update the textbox value and fire a onChange event (Client)

1guest46.229.49.1321bgb1jjSep 13, 2019 4:13:33 PMlink

update the textbox value and fire a onChange event (Client)

1guest46.229.49.1323r6pj86Sep 13, 2019 4:13:27 PMlink

Another new ZK fiddle

1guest165.225.16.6839l2us1Sep 13, 2019 1:50:32 PMlink

multiline label

111guest165.225.16.68k2q906Sep 13, 2019 1:43:41 PMlink

Focus after MessageBox

1guest213.26.140.21lmekjsSep 13, 2019 10:08:16 AMlink

how to refresh a listbox page after closing the popup window

374guest125.166.34.14225nk0uiSep 13, 2019 9:54:19 AMlink

Another new ZK fiddle

1guest116.68.96.209hfrfiSep 13, 2019 9:38:25 AMlink

Clear textbox button example

1guest201.138.195.2502pd3ae3Sep 13, 2019 4:02:50 AMlink

test textarea

8guest73.189.236.40edgdcgSep 12, 2019 5:35:54 PMlink

horizontal organigram

3cor3000220.134.32.242278ids7Sep 12, 2019 11:05:38 AMlink

ZK-2949

2JamesChu220.134.32.2423mbg79Jul 12, 2019 3:32:24 AMlink

resources

index.zulzul<zk> <vlayout viewModel="@id('vm') @init('pkg$.TestVM')"> <label multiline="true" > 1. There are 4 grids , resize the columns of the first 3 grids and press the button "toggle flag (mvvm)" 2. You should see column 4 disappeared and column 5 appear. 3. click button "invalidate 1st grid" and do the above steps to the 1st grid. 4. Resize the columns of the last grid and press the button "toggle flag (mvc)" 5. You should see column 4 disappeared and column 5 appear. 6. Press the last two buttons, you should see the corresponding result. </label> <separator /> hflex width (MVVM) <grid id="grid" > <columns id="cols" sizable="true"> <column hflex="2" label="mvvm1" align="center"/> <column hflex="3" label="mvvm2" /> <column hflex="4" label="mvvm3" /> <column hflex="5" label="mvvm4" visible="@load(vm.flag)" /> <column hflex="5" label="mvvm5" visible="@load(!vm.flag)" /> </columns> <rows> <row> <label value="File:"/> <textbox width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Type:"/> <hlayout> <listbox rows="1" mold="select"> <listitem label="Java Files,(*.java)"/> <listitem label="All Files,(*.*)"/> </listbox> <button label="Browse..."/> </hlayout> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Options:"/> <textbox rows="3" width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> </rows> </grid> <separator /> no width specified (MVVM) <grid id="grid2"> <columns sizable="true"> <column label="mvvm1" /> <column label="mvvm2" /> <column label="mvvm3" /> <column label="mvvm4" visible="@load(vm.flag)" /> <column label="mvvm5" visible="@load(!vm.flag)" /> </columns> <rows> <row> <label value="File:"/> <textbox width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Type:"/> <hlayout> <listbox rows="1" mold="select"> <listitem label="Java Files,(*.java)"/> <listitem label="All Files,(*.*)"/> </listbox> <button label="Browse..."/> </hlayout> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Options:"/> <textbox rows="3" width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> </rows> </grid> <separator /> fixed width (MVVM) <grid id="grid3" > <columns sizable="true"> <column width="200px" label="mvvm1" /> <column width="200px" label="mvvm2" /> <column width="200px" label="mvvm3" /> <column width="200px" label="mvvm4" visible="@load(vm.flag)" /> <column width="200px" label="mvvm5" visible="@load(!vm.flag)" /> </columns> <rows> <row> <label value="File:"/> <textbox width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Type:"/> <hlayout> <listbox rows="1" mold="select"> <listitem label="Java Files,(*.java)"/> <listitem label="All Files,(*.*)"/> </listbox> <button label="Browse..."/> </hlayout> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Options:"/> <textbox rows="3" width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> </rows> </grid> <separator /> <button label="toggle flag (mvvm)" onClick="@command('toggle')"/> <button label="invalidate 1st grid" onClick="grid.invalidate()"/> <separator /> hflex width (MVC) <grid> <columns sizable="true"> <column hflex="2" height="100px" id="c1" label="mvc1" /> <column hflex="3" id="c2" label="mvc2" /> <column hflex="4" label="mvc3" /> <column hflex="5" id="c4" label="mvc4" /> <column hflex="5" id="c5" label="mvc5" visible="false" /> </columns> <rows> <row> <label value="File:"/> <textbox width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Type:"/> <hlayout> <listbox rows="1" mold="select"> <listitem label="Java Files,(*.java)"/> <listitem label="All Files,(*.*)"/> </listbox> <button label="Browse..."/> </hlayout> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> <row> <label value="Options:"/> <textbox rows="3" width="98%"/> <label value="c3"/> <label value="c4"/> <label value="c5"/> </row> </rows> </grid> <zscript><![CDATA[ boolean f = true; public void togglef(){ f = !f; c4.setVisible(f); c5.setVisible(!f); } public void setAlign(){ c1.setAlign("center"); } public void setVAlign(){ c2.setValign("top"); } ]]></zscript> <button label="toggle flag (mvc)" onClick="togglef()"/> <button label="column 1 set align - center (mvc)" onClick="setAlign()"/> <button label="column 2 set vertical align - top (mvc)" onClick="setVAlign()"/> </vlayout> </zk>TestVM.javajavaimport org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.NotifyChange; public class TestVM { private boolean flag = true; public boolean isFlag() { return flag; } public void setFlag(boolean flag) { this.flag = flag; } @Command @NotifyChange("flag") public void toggle() { flag = !flag; } }