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 :

Force validation of constraints before processing the form

1guest172.70.86.20348gri4Sep 30, 2022 1:27:45 PMlink

Another new ZK fiddle

4guest162.158.170.24559227Sep 30, 2022 3:05:37 AMlink

Another new ZK fiddle

3guest162.158.170.24559227Sep 30, 2022 3:01:03 AMlink

Another new ZK fiddle

2guest162.158.170.24559227Sep 30, 2022 2:55:21 AMlink

Another new ZK fiddle

1guest162.158.170.24559227Sep 30, 2022 2:48:58 AMlink

PDF Viewer in ZK using Iframe

3ImanolRP172.71.114.127314phf6Sep 29, 2022 11:28:24 PMlink

asdf

2ImanolRP172.71.114.127314phf6Sep 30, 2022 1:06:02 PMlink

dynamic html using EL

1guest172.68.253.2733i9oktSep 29, 2022 1:18:46 PMlink

Double spinner weird action

86guest172.70.218.1553f23keaSep 29, 2022 10:52:30 AMlink

Double spinner weird action

85guest172.71.198.1253f23keaSep 29, 2022 10:46:12 AMlink

Listbox paging and templating

9guest162.158.90.205j5ioo4Sep 23, 2022 2:33:40 PMlink

resources

index.zulzul<zk> <hlayout width="100%"> <div viewModel="@id('vm')@init('pkg$.ViewModel')" hflex="1"> <hlayout> <label value="Without shadows and templates"/> <intbox zclass="z-paging-input" cols="4" value="@bind(vm.pageSize2)" forward="onOK=onChange" /> <label value="Items" /> </hlayout> <listbox checkmark="true" multiple="true" mold="paging" model="@load(vm.listModel2)"> <custom-attributes org.zkoss.zul.listbox.rod="true"/> <template name="model"> <listitem focus="@load(self.selected)"> <listcell label="@load(each.prop1)"/> <listcell label="@load(each.prop3)"/> </listitem> </template> </listbox> </div> <div viewModel="@id('vm')@init('pkg$.ViewModel')" hflex="1"> <hlayout> <label value="With shadows and templates"/> <intbox zclass="z-paging-input" cols="4" value="@bind(vm.pageSize1)" forward="onOK=onChange" /> <label value=" Items" /> </hlayout> <listbox checkmark="true" multiple="true" mold="paging" model="@load(vm.listModel1)" itemRenderer="${vm.renderer}"> <custom-attributes org.zkoss.zul.listbox.rod="true" camlineTemplateName="${vm.itemTemplate}" /> <template name="model"> <listitem focus="@load(self.selected)" > <apply template="listitem1" /> </listitem> </template> </listbox> </div> </hlayout> <template name="listitem1"> <apply template="listcell11" /> <apply template="listcell12" /> </template> <template name="listcell11"> <listcell label="@load(each.prop1)"/> </template> <template name="listcell12"> <listcell label="@load(each.prop3)"/> </template> </zk>ViewModel.javajavaimport org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.GlobalCommand; import org.zkoss.bind.BindUtils; import org.zkoss.bind.annotation.Init; import org.zkoss.zk.ui.util.*; import java.util.*; public class ViewModel { private LiveListModel listModel1 = new LiveListModel(); private LiveListModel listModel2 = new LiveListModel(); private BindListitemRendererExt renderer; @Init public void init() { listModel1.setMultiple(true); listModel2.setMultiple(true); } public String getItemTemplate() { return "listitem1"; } public BindListitemRendererExt getRenderer() { return renderer; } public LiveListModel getListModel1() { return listModel1; } public LiveListModel getListModel2() { return listModel2; } public int getPageSize1() { return listModel1.getPageSize(); } public void setPageSize1(int value) { listModel1.setPageSize(value); } public int getPageSize2() { return listModel2.getPageSize(); } public void setPageSize2(int value) { listModel2.setPageSize(value); } } MyBean.javajavapublic class MyBean { private String prop1; private int prop3; public MyBean(String prop1, int index) { super(); this.prop1 = prop1; this.prop3 = index; } public String getProp1() { return prop1; } public void setProp1(String prop1) { this.prop1 = prop1; } public int getProp3() { return prop3; } public void setProp3(int prop3) { this.prop3 = prop3; } public String toString () { return getProp1() + "_" + hashCode(); } public boolean equals(Object other) { if (this == other) return true; if (other == null || getClass() != other.getClass()) return false; return prop3 == ((MyBean) other).getProp3(); } @Override public int hashCode() { return java.util.Objects.hash(getProp1(), getProp3()); } } LiveListModel.javajavaimport org.zkoss.zk.ui.*; import org.zkoss.zk.ui.event.*; import org.zkoss.zk.ui.util.*; import org.zkoss.zk.ui.ext.*; import org.zkoss.zk.au.*; import org.zkoss.zk.au.out.*; import org.zkoss.zul.*; import java.util.HashMap; import java.util.Map; import org.zkoss.zk.ui.Execution; import org.zkoss.zk.ui.Executions; import org.zkoss.zul.AbstractListModel; public class LiveListModel extends AbstractListModel<MyBean> { private final static String CACHE_KEY= LiveListModel.class + "_cache"; private int pageSize = 20; @Override public MyBean getElementAt(final int index) { Map<Integer, MyBean> cache = getCache(); MyBean target = cache.get(index); if (target == null) { //if cache doesn't contain target object, query a page size of data starting from the index int indexKey = index; for (int i=index; i < index+getPageSize() ; i++) { target = new MyBean("left-item-" + i, i); cache.put(indexKey, target); indexKey++; } } return target; } private Map<Integer, MyBean> getCache() { Execution execution = Executions.getCurrent(); //we only reuse this cache in one execution to avoid accessing detached objects. //our filter opens a session during a HTTP request Map<Integer, MyBean> cache = (Map) execution.getAttribute(CACHE_KEY); if (cache == null) { cache = new HashMap<>(); execution.setAttribute(CACHE_KEY, cache); } return cache; } @Override public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { super.setPageSize(this.pageSize=pageSize); } @Override public int getSize() { return 400000; } // rest of the class body } BindListitemRendererExt.javajavaimport org.zkoss.bind.impl.BindListitemRenderer; import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.util.Template; public class BindListitemRendererExt extends BindListitemRenderer { @Override protected Template resolveTemplate(Component templateComp, Component comp, Object data, int index, int size, String defaultName, String subType) { String modelTemplate = (String) templateComp.getAttribute("camlineTemplateName"); if(null != modelTemplate) { if(templateComp.getTemplate(modelTemplate) != null) return templateComp.getTemplate(modelTemplate); if(templateComp.getPage().getTemplate(modelTemplate) != null) return templateComp.getPage().getTemplate(modelTemplate); } return super.resolveTemplate(templateComp, comp, data, index, size, defaultName, subType); } }