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 :

combobox long comboitem

4guest108.162.221.13617ljsinJun 13, 2024 7:41:58 AMlink

search box

1guest162.158.178.591td9gqbJun 13, 2024 1:56:31 AMlink

Messagebox progress bar

1guest162.158.129.1862331bsuJun 11, 2024 10:12:09 PMlink

Vflex

39guest172.70.134.752vd369jJun 11, 2024 8:55:42 PMlink

Vflex

38guest172.70.34.882vd369jJun 11, 2024 8:54:26 PMlink

Vflex

37guest172.70.34.882vd369jJun 11, 2024 8:54:21 PMlink

Vflex

36guest172.70.34.882vd369jJun 11, 2024 8:54:21 PMlink

Vflex

35guest172.70.34.882vd369jJun 11, 2024 8:54:20 PMlink

flex broken zk 10

1guest172.69.135.201uue6c5Jun 11, 2024 4:46:35 PMlink

Another new ZK fiddle

6guest172.69.192.2103tip2nmJun 10, 2024 11:24:07 AMlink

Autocomplete-P

42guest172.69.64.22837tfq7fNov 21, 2023 1:58:08 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%" instant="true" w:onChanging="zAu.cmd0.showBusy(zk.$('$lb'),'fetching results');" onChanging="@command('updateSubModel',event=event)" apply="pkg$.SearchBandboxComposer"> <bandpopup> <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> </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) { // TODO ppamplona: Auto-generated catch block. This code MUST be // changed to the appropriate statements in order to handle the // exception. 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.Event; 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(); } @Listen("onChange = #bd") public void handleTyping(Event evt){ System.out.println(evt); bd.open(); } }