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 :

Using timer to refresh a grid

75guest84.170.187.24025nk0uiJun 19, 2013 12:49:13 PMlink

DropFile

2hswain115.111.247.781pnne47Jun 19, 2013 9:59:52 AMlink

Another new ZK fiddle

1hswain115.111.247.781pnne47Jun 19, 2013 9:59:32 AMlink

dropupload

2hswain115.111.247.787e9l82Jun 19, 2013 8:44:25 AMlink

Another new ZK fiddle

1hswain115.111.247.787e9l82Jun 19, 2013 8:22:51 AMlink

A sample for using Event queue to talk with other include

3guest190.158.12.18pn0126Jun 19, 2013 3:49:13 AMlink

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

Header

31okspry134.68.31.227e20dgqAug 10, 2012 3:07:16 PMlink

resources

index.zulzul<zk> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"> //begin toggle div visibility// function isVisible(elem) { return elem.offsetWidth > 0 || elem.offsetHeight > 0; } function switchVisibility(thingid) { var zkwidget = zk.Widget.$('$'+ thingid); //zk var show; if (zkwidget.isVisible()) { show = false; } else { show = true; } if (show) { zkwidget.setVisible(true); // zk } else { zkwidget.setVisible(false); } }; function toggleVisibility() { // 'G3_bar', 'dashboard' switchVisibility('G3_bar' ); switchVisibility('dashboard'); switchVisibility('patient_landing'); } //end toggle div visibility// wgt.unlisten({ onClick: wgt }); </script> <vlayout xmlns:w="client"> <borderlayout id="top_nav" height="40px" style="background:none;"> <west border="0" style="padding-top:20px; padding-left:5px;"> <div> <a label="Relay Health" style="padding-left:5px; font-size:11pt;"/> <a label="Feedback" style="padding-left:5px; font-size:11pt;"/> <a label="Help" style="padding-left:5px; font-size:11pt;"/> <a label="External links" style="padding-left:5px; font-size:11pt;"/> </div> </west> <east border="0" style="padding-right:5px;"> <div> <button id="G3_btn" w:onClick="toggleVisibility()" label="G3" width="80px" height="35px" style="padding-top:4px; font-size:11pt;"/> <button id="User_btn" label="Blaine Takesue" height="35px" style="padding-top:4px; padding-left:8px; padding-right:5px; font-size:11pt;"/> <a label="at Blackburn" style="font-size:11pt; text-decoration:none; color:black; padding-bottom:10px;"/> <a label="logout" style="padding-left:5px; font-size:11pt;"/> </div> </east> </borderlayout> <div id="dashboard"> <borderlayout height="35px" > <west width="100%" style="padding-top:4px; border:1px solid #1f3d69; background-color:#1f3d69;"> <div> <a label="Doctor Dashboard" style="padding-left:7px; font-size:13pt; color:#f9f9f9; text-decoration:none;"/> </div> </west> </borderlayout> </div> <div id="G3_bar" visible="false" style="margin-top:-5px; padding-bottom:5px;"> <borderlayout height="35px"> <west width="30%" style="padding-top:4px; border-left:1px solid #ccc; border-right:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#f3f3f3;"> <div> <a label="Order Entry" style="padding-left:7px; font-size:13pt; color:#666; text-decoration:none;"/> </div> </west> <center style="padding-top:5px; border-left:none; border-right:none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#f3f3f3;"> <div> <a label="Deborah McCleod (3333444)" style="padding-left:7px; font-size:13pt; color:#666; text-decoration:none;"/> <a label="change" style="padding-left:8px; font-size:11pt;"/> </div> </center> <east size="25%" style="border-left:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#f3f3f3;"> <div> <textbox id="bd" width="260px" mold="rounded" style="padding-top:5px;"/> </div> </east> </borderlayout> </div> <div id="main_window" height="600px" style="border:1px solid #bbb; "> <div id="patient_landing" visible="false" height="40px" style="padding-top:4px; outline:1px solid #1f3d69; background-color:#1f3d69;"> <a label="Patient Landing" style="padding-left:7px; font-size:13pt; color:#f9f9f9; text-decoration:none;"/> </div> </div> </vlayout> <popup id="blaine" onClick="" width="450px" height="300px"> <hlayout> <vlayout> <a label="jerk"/> <a label="jerk"/> <a label="jerk"/> <a label="jerk"/> </vlayout> <vlayout> <a label="jerk"/> <a label="jerk"/> </vlayout> </hlayout> </popup> </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"); } }