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 :

frozen scroll

1guest172.69.33.373j82a06Mar 28, 2024 8:03:44 AMlink

Gmarker and forEach

1guest172.68.67.1362lpvk1hMar 28, 2024 7:29:50 AMlink

Gmaps

1guest172.68.67.1363dvghg5Mar 28, 2024 7:28:20 AMlink

grid demo

5guest172.71.158.2371grhhu3Mar 27, 2024 7:46:36 AMlink

grid demo

4guest172.71.158.2371grhhu3Mar 27, 2024 7:46:25 AMlink

grid demo

3guest172.71.154.181grhhu3Mar 27, 2024 7:44:16 AMlink

grid demo

2guest172.71.154.181grhhu3Mar 27, 2024 7:43:58 AMlink

grid demo

1guest172.71.154.191grhhu3Mar 27, 2024 7:42:54 AMlink

Scrollable Panel

13guest172.69.223.193ctlblaMar 27, 2024 5:31:21 AMlink

Scrollable Panel

12guest172.69.223.194ctlblaMar 27, 2024 5:30:56 AMlink

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(); } } }