Suggested case list:

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

Trigger onChange for textbox in client manually.

1TonyQ198.203.175.1751tmsvs1Sep 22, 2011 5:23:43 AMlink

modify selected status of listbox after compose

1guest61.224.42.2033486viqSep 18, 2011 12:26:53 PMlink

ckeditor startup with source mode

1benbai61.216.4.1961lvlb1lSep 11, 2011 1:56:30 PMlink

Latest 10 Fiddles :

Custom Drag message

24guest87.1.205.1191b13tbbJan 20, 2018 6:05:50 AMlink

Custom Drag message

23guest87.1.205.1191b13tbbJan 20, 2018 6:05:21 AMlink

Grid row Drag and Drop with model

7guest87.1.205.1192u8outdJan 20, 2018 5:46:28 AMlink

Grid Drag and Drop with Keep order

17guest87.1.205.1191ps4k1pJan 20, 2018 5:40:04 AMlink

Grid Drag and Drop with Keep order

16guest87.1.205.1191ps4k1pJan 20, 2018 5:39:04 AMlink

Zk templating with Composition

12guest171.101.226.2212toauejJan 19, 2018 4:57:05 PMlink

MVVM-open-window

1guest129.122.136.49309kd0Jan 19, 2018 3:05:46 PMlink

load parameter from querystring in include

42guest190.216.150.147bl6i4eJan 19, 2018 2:12:55 PMlink

load parameter from querystring in include

41guest190.216.150.147bl6i4eJan 19, 2018 2:12:38 PMlink

load parameter from querystring in include

40guest190.216.150.147bl6i4eJan 19, 2018 2:12:35 PMlink

progressmeter sample

32guest27.7.200.1752ue3vcbJan 13, 2018 2:51:26 PMlink

resources

index.zulzul<zk> <hlayout spacing="25px" apply="pkg$.ProgressmeterController" width="100%"> <vlayout hflex="1"> <listbox id="nameList" checkmark="true"> <auxhead> <auxheader colspan="2"> <button id="fetchBtn" label="Fetch Profile" hflex="1" height="35px" autodisable="self" /> </auxheader> </auxhead> <listhead> <listheader label="Name List"></listheader> </listhead> </listbox> <hlayout sclass="selected-area"> Selected Number : <label id="selectedText" /> </hlayout> </vlayout> <vlayout hflex="1"> <progressmeter id="progress" hflex="1" value="0" /> <listbox id="downList" hflex="1"> <auxhead> <auxheader colspan="2">Profile Download List</auxheader> </auxhead> <listhead> <listheader label="Name" /> <listheader label="Profile Download" /> </listhead> </listbox> </vlayout> <timer id="timer" delay="1000" repeats="true" onCreate="self.stop()"></timer> </hlayout> </zk>ProgressmeterController.javajavaimport java.util.LinkedList; import java.util.Set; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.event.Events; import org.zkoss.zk.ui.select.SelectorComposer; import org.zkoss.zk.ui.select.annotation.Listen; import org.zkoss.zk.ui.select.annotation.Wire; import org.zkoss.zul.A; import org.zkoss.zul.Button; import org.zkoss.zul.Hlayout; import org.zkoss.zul.Label; import org.zkoss.zul.ListModelList; import org.zkoss.zul.Listbox; import org.zkoss.zul.Listcell; import org.zkoss.zul.Listitem; import org.zkoss.zul.Progressmeter; import org.zkoss.zul.Timer; public class ProgressmeterController extends SelectorComposer<Hlayout> { @Wire private Listbox nameList, downList; @Wire private Label selectedText; @Wire private Button fetchBtn; @Wire private Progressmeter progress; @Wire private Timer timer; private LinkedList<Listitem> fetchingItems = new LinkedList<Listitem>(); private int all, current = 0; @Override public void doAfterCompose(Hlayout comp) throws Exception { super.doAfterCompose(comp); LinkedList<String> name = new LinkedList<String>(); name.add("Patricia Thorpe"); name.add("Kathi Derrickson"); name.add("Carissa Daugherty"); name.add("Johna Palmer"); name.add("Inez Steffent"); name.add("Divina Lum"); name.add("Jeni Simpkin"); name.add("Mu'tamid Philip"); name.add("Goran Bohuslav"); name.add("Lavern Bryant"); name.add("Angelica Ott"); name.add("Kassia Trengove"); name.add("Gertie Wardrobe"); name.add("Bryana Savage"); name.add("Tahnee Street"); name.add("April Irving"); name.add("Karenza Ayers"); name.add("Lalia Tracey"); name.add("Lucille Reier"); name.add("Lalia Bunker"); name.add("Karla M. Rubino"); name.add("Biddy Lyon"); name.add("Petra Ericson"); name.add("Red Wolf"); ListModelList<String> multipleList = new ListModelList<String>(name); multipleList.setMultiple(true); // New way to set mutiple selection nameList.setModel(multipleList); } @Listen("onSelect = #nameList") public void countSelectItem(Event e) { selectedText.setValue(nameList.getSelectedItems().size() + " item(s)"); } @Listen("onClick = #fetchBtn") public void fetchFileFromServer(Event e) { Set<Listitem> selectedList = nameList.getSelectedItems(); if (selectedList.isEmpty()) { alert("No Name Selected"); return; } fetchingItems.addAll(selectedList); nameList.getItems().removeAll(selectedList); selectedText.setValue(""); fetchBtn.setDisabled(true); Events.echoEvent("onAddNameEvent", timer, null); } @Listen("onAddNameEvent = #timer") public void processingFiles() { all = fetchingItems.size(); current = 0; progress.setValue(0); timer.start(); } @Listen("onTimer = #timer") public void fetchingSimulatorTimer() throws InterruptedException { timer.stop(); if (fetchingItems.isEmpty()) { fetchBtn.setDisabled(false); } else { long ms = (long) (Math.random() * 4000); //simulate long operation Thread.sleep(ms); Listitem item = ((Listitem) fetchingItems.pop()); Listcell c = new Listcell(); c.appendChild(new A("Download Profile")); item.appendChild(c); item.setParent(downList); int percent = ++current * 100 / all; progress.setValue(percent); timer.start(); } } }