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 :

Command on custom event

15guest118.232.105.181qpuidaAug 23, 2019 9:19:46 AMlink

Command on custom event

14guest118.232.105.181qpuidaAug 23, 2019 9:19:11 AMlink

Command on custom event

13guest118.232.105.181qpuidaAug 23, 2019 9:07:02 AMlink

Busy indicator appears on opened modal

4guest202.53.12.422jj2p1oAug 23, 2019 7:31:35 AMlink

Icon and Label Button

1guest212.186.131.2043251pmoAug 23, 2019 7:08:17 AMlink

Another new ZK fiddle

5guest181.48.10.24231u9e3aAug 22, 2019 9:18:17 PMlink

Another new ZK fiddle

4guest181.48.10.24231u9e3aAug 22, 2019 9:04:44 PMlink

Another new ZK fiddle

3guest181.48.10.24231u9e3aAug 22, 2019 8:38:04 PMlink

Another new ZK fiddle

2guest181.48.10.24231u9e3aAug 22, 2019 7:55:39 PMlink

Another new ZK fiddle

1guest181.48.10.24231u9e3aAug 22, 2019 7:44:26 PMlink

menu example

1guest181.239.241.373tcri9qJun 11, 2019 4:58:38 PMlink

resources

index.zulzul<zk > <nodom viewModel="@id('vm')@init('CssGridVM')"> <groupbox> <radiogroup> <radio label="Basic" checked="true" onCheck="@command('navigate', url='/widgets/layout/css_grid/css_grid_basic.zul')"/> <radio label="Form" onCheck="@command('navigate', url='/widgets/layout/css_grid/css_grid_form.zul')"/> <radio label="Layout" onCheck="@command('navigate', url='/widgets/layout/css_grid/css_grid_layout.zul')"/> <radio label="Center" onCheck="@command('navigate', url='/widgets/layout/css_grid/css_grid_center.zul')"/> </radiogroup> </groupbox> <apply templateURI="@load(empty vm.url?'/widgets/layout/css_grid/css_grid_basic.zul':vm.url)"/> </nodom> <style> .instruction{ display: block; margin: 12px auto 12px auto; color: #8f5700; } .z-radio{ margin: auto 10px auto 10px; } </style> </zk>CssGridVM.javajavaimport org.zkoss.bind.annotation.BindingParam; import org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.SmartNotifyChange; public class CssGridVM { private String url = ""; @Command @SmartNotifyChange("url") public void navigate(@BindingParam("url") String url){ this.url = url; } public String getUrl() { return url; } }CssGridFormVM.javajavaimport org.zkoss.bind.annotation.BindingParam; import org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.Init; import org.zkoss.zk.ui.util.Clients; import org.zkoss.zul.ListModelList; public class CssGridFormVM { private ListModelList<Integer> list = new ListModelList<>(); private int id = 0; @Init public void init(){ add(); } @Command public void add(){ list.add(id); id++; } @Command public void save(@BindingParam("id") int id){ Clients.showNotification("saved item ID "+id); } @Command public void del(@BindingParam("id") Integer id){ list.remove(id); } public ListModelList<Integer> getList() { return list; } }css_grid_basic.zul.zulzul<zk> <style> .grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; } .grid > div { border: 2px solid #7EC6FE; border-radius: 5px; padding: 1em; color: #149CFA; background: #E8F5FF; } </style> <label sclass="instruction" value="Try to resize the window by dragging the corner or border"/> <window sizable="true" border="normal" title="CSS grid inside" width="600px"> <div sclass="grid" height="100%"> <div>One</div> <div>Two</div> <div>Three</div> <div>Four</div> <div>Five</div> <div>Six</div> </div> </window> </zk>