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 :

Criterion Prototype 5.x

20DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 7:01:20 PMlink

Criterion Prototype 5.x

19DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:50:48 PMlink

Criterion Prototype 5.x

18DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:50:18 PMlink

Criterion Prototype 5.x

17DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:42:58 PMlink

Criterion Prototype 5.x

16DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:37:28 PMlink

Criterion Prototype 5.x

15DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:36:09 PMlink

Criterion Prototype 5.x

14DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:34:38 PMlink

Criterion Prototype 5.x

13DavidTRegenstrief134.68.31.2271rc2p75May 25, 2013 6:34:13 PMlink

how to disable day in Datebox in Zk

4guest113.190.198.1662dih3qqMay 25, 2013 5:53:37 AMlink

Chosenbox bind select objects with Rendered

5guest117.5.42.225280tfndMay 25, 2013 3:24:55 AMlink

user/provider admin

15jcastagno134.68.31.227kgcfg7Aug 22, 2012 7:55:20 PMlink

resources

index.zulzul<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml"> <style> .upadmin-header { font-size:18px; padding-bottom:5px; } .upadmin-invisible { display:none; } .upadmin-demohead { color:blue; font-size:12px; } .upadmin-demo1 { font-size:10px; margin-left:3px; } .upadmin-username { color:green; } .upadmin-edit-form span { font-size:11px; } </style> <window width="100%" height="100%" border="none" apply="pkg$.TestComposer" style="margin: 5px"> <borderlayout id="userSearchDiv"> <north border="none"><div> <div> <label sclass="upadmin-header">Search for User</label> </div> <div> <radiogroup id="searchByRadioGroup" /> <hlayout style="padding-bottom:5px"> <radio id="searchByUsername" label="Search by Username" radiogroup="searchByRadioGroup" checked="true" onCheck='searchByUsernameDiv.sclass=""; searchByNameDiv.sclass="upadmin-invisible";'/> <radio id="searchByName" label="Search by Name" radiogroup="searchByRadioGroup" onCheck='searchByUsernameDiv.sclass="upadmin-invisible"; searchByNameDiv.sclass="";'/> </hlayout> <hlayout style="padding-bottom:5px"> <div id="searchByUsernameDiv"> <textbox id="searchUsername" width="150px"/> </div> <div sclass="upadmin-invisible" id="searchByNameDiv"> <hlayout> Last <textbox id="searchLastname" width="150px"/> First <textbox id="searchFirstname" width="150px"/> </hlayout> </div> <button id="searchButton" label="Search"/> </hlayout> </div> </div></north> <center> <grid> <columns> <column hflex="5">Name</column> <column hflex="2">Username</column> <column hflex="2">Role/Provider ID</column> <column hflex="5">G3 Activity</column> <column hflex="1">Edit?</column> </columns> <rows id="searchUserResultRows"> <!--pull this out into a renderer--> <row> <vlayout spacing="0"> <label sclass="upadmin-demohead" value="Josh Castagno"/> <label sclass="upadmin-demo1" value="Sex: M"/> <label sclass="upadmin-demo1" value="Birth Date: 03/27/1979"/> <label sclass="upadmin-demo1" value="Phone: (217) 821-9232"/> <label sclass="upadmin-demo1" value="Address: 2681 Liatris Dr."/> <label sclass="upadmin-demo1" value="City/State/Zip: Plainfield, IN 46168"/> </vlayout> <label sclass="upadmin-username" value="598745"/> <label value="MA"/> <vlayout spacing="0"> <label sclass="upadmin-demo1" value="Last Login: 08/22/2012 08:45am"/> <label sclass="upadmin-demo1" value="Last ET Created: 08/22/2012 08:51am"/> </vlayout> <a label="edit" onClick='userEditDiv.style = "display:block"; userSearchDiv.style ="display:none";'/> <!--REMOVE ONCLICK--> </row> </rows> </grid> </center> <south border="none" style="padding-top:5px"> <hlayout> <button id="createUser" label="Create New User Account"/> </hlayout> </south> </borderlayout> <!--EDIT FORM--> <div id="userEditDiv" class="upadmin-edit-form" style="display:none;"> <div> <label style="font-size:18px" id="formHeader">Create or Edit User</label> </div> <h:table> <h:tr> <h:td><label value="Username"/></h:td> <h:td><textbox id="username"/></h:td> </h:tr> <h:tr> <h:td><label value="First Name"/></h:td> <h:td> <hlayout> <textbox id="nameFirst"/> <label value="Mi"/> <textbox id="nameMiddle"/> <label value="Last"/> <textbox id="nameLast"/> <label value="Suffix"/> <textbox id="nameSuffix" width="40px"/> <label value="Prefix"/> <textbox id="namePrefix" width="40px"/> </hlayout> </h:td> </h:tr> <h:tr> <h:td><label value="Birth Date"/></h:td> <h:td><datebox id="birthDate" cols="12" format="dd/MM/yyyy" /></h:td> </h:tr> <h:tr> <h:td><label value="Sex"/></h:td> <h:td> <radiogroup id="sexRadioGroup"> <radio id="sexMale" label="Male"/> <radio id="sexFemale" label="Female"/> </radiogroup> </h:td> </h:tr> <h:tr> <h:td><label value="Phone"/></h:td> <h:td><textbox id="phone"/></h:td> </h:tr> <h:tr> <h:td><label value="Address 1"/></h:td> <h:td><textbox id="address1" width="250px"/></h:td> </h:tr> <h:tr> <h:td><label value="Address 2"/></h:td> <h:td><textbox id="address2" width="250px"/></h:td> </h:tr> <h:tr> <h:td><label value="City"/></h:td> <h:td> <hlayout> <textbox id="city"/> <label value="State"/> <textbox id="state" maxlength="2" width="20px"/> <label value="Zip"/> <textbox id="zip" maxlength="5" width="40px"/> </hlayout> </h:td> </h:tr> <h:tr> <h:td><label value="Role"/></h:td> <h:td><combobox id="role" readonly="true"/></h:td> </h:tr> <h:tr id="providerNumberRow"> <h:td><label value="Provider Number"/></h:td> <h:td> <hlayout> <textbox id="providerNumber" readonly="true"/> <label id="providerPreview" value="(PROVIDERPREVIEW)"/> <button id="providerNumberSearch" label="Search for Provider Number"/> </hlayout> </h:td> </h:tr> <h:tr> <h:td><label value="Service / Local Specialty"/></h:td> <h:td><combobox id="service" readonly="true"/></h:td> </h:tr> <h:tr> <h:td><label value="Specialty"/></h:td> <h:td><textbox id="specialty"/></h:td> </h:tr> <h:tr colspan="2"> <h:td> <hlayout> <button id="formSave" label="Save"/> <button id="formCancel" label="Cancel" onClick='userSearchDiv.style = "display:block"; userEditDiv.style ="display:none";'/> <!-- REMOVE ONCLICK --> </hlayout> </h:td> </h:tr> </h:table> </div> </window> </zk> TestComposer.javajavaimport org.zkoss.zk.ui.*; import org.zkoss.zk.ui.event.*; import org.zkoss.zk.ui.util.*; import org.zkoss.zk.ui.ext.*; import org.zkoss.zk.au.*; import org.zkoss.zk.au.out.*; import org.zkoss.zul.*; public class TestComposer extends GenericForwardComposer{ public void doAfterCompose(Component comp) throws Exception { super.doAfterCompose(comp); } public void onClick$btn(Event e) throws InterruptedException{ Messagebox.show("Hi btn"); } }