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 :

Another new ZK fiddle

20guest115.249.163.170355em05Apr 23, 2019 12:20:45 PMlink

Another new ZK fiddle

19guest115.249.163.170355em05Apr 23, 2019 11:23:16 AMlink

Another new ZK fiddle

18guest115.249.163.170355em05Apr 23, 2019 11:22:49 AMlink

Another new ZK fiddle

17guest115.249.163.170355em05Apr 23, 2019 11:22:13 AMlink

Another new ZK fiddle

16guest115.249.163.170355em05Apr 23, 2019 11:21:03 AMlink

Another new ZK fiddle

15guest115.249.163.170355em05Apr 23, 2019 11:20:46 AMlink

Another new ZK fiddle

14guest115.249.163.170355em05Apr 23, 2019 11:18:39 AMlink

Another new ZK fiddle

13guest115.249.163.170355em05Apr 23, 2019 11:18:10 AMlink

Another new ZK fiddle

12guest115.249.163.170355em05Apr 23, 2019 11:17:43 AMlink

Another new ZK fiddle

11guest115.249.163.170355em05Apr 23, 2019 11:17:10 AMlink

Autocomplete-P

38guest118.232.105.18137tfq7fFeb 12, 2019 9:40:50 AMlink

resources

index.zulzul<?page contentType="text/html;charset=UTF-8" title="Eclipse Theme Builder"?> <?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="core"?> <zk xmlns:w="client"> <window viewModel="@id('vm')@init('pkg$.TimeZonesViewModel')"> <vbox> <hbox> <bandbox id="bd" width="300px" popupWidth="100%" readonly="true" onOpen="searchTb.focus()" apply="pkg$.SearchBandboxComposer"> <bandpopup> <vbox> <hbox> Search <textbox id="searchTb" w:onChanging="zAu.cmd0.showBusy(zk.$('$lb'),'fetching results');" onChanging="@command('updateSubModel',event=event)" /> </hbox> <listbox id="lb" w:onBind="self = this; lis = {onResponse:function(){zAu.cmd0.clearBusy(self);console.log(self.className)}};zWatch.listen({onResponse:lis});" width="100%" model="@init(vm.submodel)" rows="10" onSelect="@command('changeContinent', event=event)"> <template name="model"> <listitem> <listcell label="@init(each)" /> </listitem> </template> </listbox> </vbox> </bandpopup> </bandbox> </hbox> <textbox value="@load(vm.timeZoneContinent.continent)" width="300px"/> </vbox> </window> </zk> TimeZoneContinent.javajavaimport java.util.ArrayList; import java.util.Arrays; import java.util.Collection; import java.util.Collections; import java.util.List; import java.util.TimeZone; import org.zkoss.bind.annotation.BindingParam; import org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.Init; import org.zkoss.bind.annotation.NotifyChange; import org.zkoss.zk.ui.event.InputEvent; import org.zkoss.zk.ui.event.SelectEvent; import org.zkoss.zul.ListModelList; import org.zkoss.zul.Listitem; public class TimeZoneContinent { private String timezone; private String continent; public String getTimezone() { return timezone; } public void setTimezone(String timezone) { this.timezone = timezone; } public String getContinent() { return continent; } public void setContinent(String continent) { this.continent = continent; } } TimeZonesViewModel.javajava import java.util.ArrayList; import java.util.Arrays; import java.util.Collection; import java.util.Collections; import java.util.List; import java.util.TimeZone; import org.zkoss.bind.annotation.BindingParam; import org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.Init; import org.zkoss.bind.annotation.NotifyChange; import org.zkoss.zk.ui.event.InputEvent; import org.zkoss.zk.ui.event.SelectEvent; import org.zkoss.zk.ui.util.Clients; import org.zkoss.zul.ListModelList; import org.zkoss.zul.Listitem; public class TimeZonesViewModel { private static final String AMERICA = "america"; private static final String ASIA = "asia"; private static final String EUROPE = "europe"; private static final String AFRICA = "africa"; private ListModelList submodel; private TimeZoneContinent timeZoneContinent=new TimeZoneContinent(); @Init public void init(){ this.submodel = new ListModelList(getSubModelValuesFrom("")); } public ListModelList getSubmodel() { return submodel; } public TimeZoneContinent getTimeZoneContinent(){ return this.timeZoneContinent; } public void setTimeZoneContinent(TimeZoneContinent timeZoneContinent) { this.timeZoneContinent = timeZoneContinent; } @Command @NotifyChange("timeZoneContinent") public void changeContinent(@BindingParam("event") SelectEvent<Listitem, String> event){ if(!(event.getSelectedItems().size() == 0)){ final String timezone = (String) event.getSelectedItems().iterator().next().getValue(); System.out.println(timezone); String continent = null; if(timezone!=null){ final String timezoneLowerCase = timezone.toLowerCase(); if(timezoneLowerCase.contains(AFRICA)){ continent=AFRICA; } else if(timezoneLowerCase.contains(EUROPE)){ continent=EUROPE; } else if(timezoneLowerCase.contains(ASIA)){ continent=ASIA; } else if(timezoneLowerCase.contains(AMERICA)){ continent=AMERICA; } else{ continent="Unknown continent"; } } else{ continent="Timezone with null value"; } this.timeZoneContinent.setContinent(continent); } } @Command public void updateSubModel(@BindingParam("event") InputEvent event){ System.out.println(event.getValue()); submodel.clear(); submodel.addAll(getSubModelValuesFrom(event.getValue())); System.out.println(submodel.getSize()); } private Collection getSubModelValuesFrom(String value) { try { Thread.sleep(2000); } catch (InterruptedException e) { e.printStackTrace(); } final List<String> timezones = Arrays.asList(TimeZone.getAvailableIDs()); Collections.sort(timezones); List<String> res = null; final String searchValue = String.valueOf(value); if (searchValue == null || searchValue.isEmpty()) { res = new ArrayList<String>(); } else { res = new ArrayList<String>(); for (final String timezone : timezones) { if (timezone.toLowerCase().contains(searchValue.toLowerCase())) { res.add(timezone); } if (res.size() == 10) { break; } } } Clients.clearBusy(); return res; } } SearchBandboxComposer.javajavaimport org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.SelectEvent; 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.Bandbox; import org.zkoss.zul.Listbox; import org.zkoss.zul.Listitem; public class SearchBandboxComposer extends SelectorComposer { @Wire private Bandbox bd; @Wire private Listbox lb; @Override public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } @Listen("onSelect = #lb") public void handleSelection(SelectEvent evt){ System.out.println(evt); bd.setValue((String)((Listitem) evt.getSelectedItems().iterator().next()).getValue()); bd.close(); } }