Suggested case list:

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

update the textbox value and fire a onChange event (Client)

2TonyQ220.133.44.37qdorurFeb 12, 2012 11:56:25 PMlink

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

apply style to all textbox in css

1TonyQ198.203.175.1751l8b5kkSep 10, 2011 12:55:52 AMlink

Require user to enter uppercase chars only in textbox

1TonyQ198.203.175.1751cl18ghSep 9, 2011 12:58:13 AMlink

The last position that the mouse was clicked

3sunflower60.175.249.16539o3m78Sep 8, 2011 10:08:32 PMlink

How to invoke server side onClick event with XHTML component

1TonyQ198.203.175.17511spe5sSep 7, 2011 8:01:56 AMlink

Client event - onFocus/onBlur

1TonyQ198.203.175.1752met717Sep 1, 2011 6:13:24 AMlink

Databinding with TypeConverter sample

1TonyQ198.203.175.1751t0gtrkAug 31, 2011 12:47:46 AMlink

grid sample with ListModel/RowRenderer

5guest198.203.175.1752vah9ajAug 31, 2011 12:27:35 AMlink

Multiple drag - finetune

3TonyQ198.203.175.175393nlq1Aug 30, 2011 6:49:05 AMlink

A window doModal reusing example - composer way

5TonyQ12.208.243.66126pn69Aug 28, 2011 12:04:14 PMlink

Latest 10 Fiddles :

Listbox more than one column span

4guest46.252.138.242rn11g3Jun 18, 2013 10:03:58 AMlink

Break line in label manually

4guest175.143.101.1091n2c0olJun 18, 2013 9:32:19 AMlink

A master list using a modal dialog to edit details.

15guest93.62.235.20828jhc26Jun 18, 2013 8:45:11 AMlink

Pass parameter between parent and child composer

1guest80.85.196.24opfbghJun 18, 2013 8:19:41 AMlink

Another new ZK fiddle

1guest60.250.190.1121nmrnb6Jun 18, 2013 6:25:46 AMlink

Another new ZK fiddle

1guest60.250.190.11227683kaJun 18, 2013 6:25:40 AMlink

Another new ZK fiddle

2guest60.250.190.11270d7ajJun 18, 2013 6:25:32 AMlink

Another new ZK fiddle

1guest60.250.190.11270d7ajJun 18, 2013 6:16:06 AMlink

Master Detail with RowRenderer

1guest177.45.94.1011mob02aJun 18, 2013 12:26:22 AMlink

Select from Radiogroup

1guest178.59.11.211ubmp4lJun 17, 2013 9:32:12 PMlink

Databind example

2guest130.192.108.107irn902Apr 15, 2012 11:37:11 AMlink

resources

index.zulzul<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" ?> <zk> <window id="win" width="600px" height="800px" title="Databind example" apply="pkg$.DatabindComposer" xmlns:c="http://www.zkoss.org/2005/zk/client" contentStyle="overflow:auto" sizable="true" border="normal"> <listbox id="theList" model="@{persons}" selectedItem="@{selectedPerson}"> <listhead sizable="true"> <listheader label="Name" width="200px" /> <listheader label="Birth Date" sort="auto" /> <listheader width="80px"/> </listhead> <listitem self="@{each=person}"> <listcell> <textbox value="@{person.name}" inplace="true" /> </listcell> <listcell> <datebox value="@{person.birthdate}" inplace="true" width="100px"/> </listcell> <listcell> <button label="Del"> <attribute name="onClick"><![CDATA[ index = ((Listitem)self.getParent().getParent()).getIndex(); ((ListModelList)theList.getModel()).remove(index); ]]> </attribute> </button> </listcell> </listitem> </listbox> <button id="createJohnny" label="createJohnny"/> <separator orient="horizontal" height="30px" /> <label value="Updated by direct databind" style="font-weight: bold"/> <space/> <hbox> <label value="@{selectedPerson.name}" /> <label value="@{selectedPerson.birthdate}" /> </hbox> <separator orient="horizontal" height="30px" /> <label value="Updated by javascript server-push on select event" style="font-weight: bold"/> <space/> <hbox> <label id="selectedName" /> <label id="selectedBirthdate" /> </hbox> <separator orient="horizontal" height="30px" /> <label value="Updated through java on select event" style="font-weight: bold"/> <space/> <hbox> <label id="selectedNameJ" /> <label id="selectedBirthdateJ" /> </hbox> </window> </zk>DatabindComposer.javajavaimport java.util.ArrayList; import java.util.Date; import java.util.List; import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.util.Clients; import org.zkoss.zk.ui.util.GenericForwardComposer; import org.zkoss.zul.Label; import org.zkoss.zul.ListModelList; import org.zkoss.zul.Listbox; public class DatabindComposer extends GenericForwardComposer { private List<Person> persons; private Listbox theList; public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); List<Person> personsList = initPersonsList(); self.setAttribute("persons", personsList); } public void onClick$createJohnny(Event event){ ListModelList model = (ListModelList) theList.getModel(); model.add(new Person("Johnny", new Date())); } public void onSelect$theList(Event event) { updateWithJava(); updateWithJavascript(); } private void updateWithJava() { Label selectedName = (Label) self.getFellow("selectedNameJ"); Label selectedBirthdate = (Label) self.getFellow("selectedBirthdateJ"); Person selectedPerson = getSelectedPerson(); selectedName.setValue(selectedPerson.getName()); selectedBirthdate.setValue(selectedPerson.getBirthdate().toString()); } private void updateWithJavascript() { Person selectedPerson = getSelectedPerson(); Clients.evalJavaScript("zk.Widget.$('$selectedName').setValue('" + selectedPerson.getName() + "')"); Clients.evalJavaScript("zk.Widget.$('$selectedBirthdate').setValue('" + selectedPerson.getBirthdate().toString() + "')"); } private Person getSelectedPerson() { ListModelList listModel = (ListModelList) theList.getModel(); Person selectedPerson = (Person) listModel.getElementAt(theList .getSelectedIndex()); return selectedPerson; } private List<Person> initPersonsList() { persons = new ArrayList<Person>(); persons.add(new Person("John Doe", new Date())); persons.add(new Person("Martin Scorsese", new Date())); persons.add(new Person("Madonna", new Date())); return persons; } } Person.javajava import java.util.Date; public class Person { private String name; private Date birthdate; public Person() { super(); } public Person(String name, Date birthdate) { this(); this.name = name; this.birthdate = birthdate; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Date getBirthdate() { return birthdate; } public void setBirthdate(Date birthdate) { this.birthdate = birthdate; } }