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 - Selection with Checkboxes

25guest162.158.187.7elaaadMar 29, 2024 7:57:07 AMlink

ComboBox - Selection with Checkboxes

24guest172.70.206.179elaaadMar 29, 2024 7:27:32 AMlink

check

244guest172.71.126.18620t2jmoMar 29, 2024 7:08:48 AMlink

frozen scroll

1guest172.69.33.373j82a06Mar 28, 2024 8:03:44 AMlink

Gmarker and forEach

1guest172.68.67.1362lpvk1hMar 28, 2024 7:29:50 AMlink

Gmaps

1guest172.68.67.1363dvghg5Mar 28, 2024 7:28:20 AMlink

grid demo

5guest172.71.158.2371grhhu3Mar 27, 2024 7:46:36 AMlink

grid demo

4guest172.71.158.2371grhhu3Mar 27, 2024 7:46:25 AMlink

grid demo

3guest172.71.154.181grhhu3Mar 27, 2024 7:44:16 AMlink

grid demo

2guest172.71.154.181grhhu3Mar 27, 2024 7:43:58 AMlink

Another new ZK fiddle

16guest116.68.98.3911r3gamDec 7, 2018 10:04:58 AMlink

resources

index.zulzul<?page title="L2 Data Correction" contentType="text/html;charset=UTF-8"?> <zk> <window id = "wL2_queue_cor" sclass="expstyle1" width="99%" height="99%" contentStyle="overflow:auto"> <style> .expstyle1 .z-window-modal-tl, .expstyle1 .z-window-modal-tr, .expstyle1 .z-window-modal-tm, .expstyle1 .z-window-modal-cl, .expstyle1 .z-window-modal-cr, .expstyle1 .z-window-modal-cm, .expstyle1 .z-window-modal-bl, .expstyle1 .z-window-modal-br, .expstyle1 .z-window-modal-bm, .expstyle1 .z-window-modal-hl, .expstyle1 .z-window-modal-hr, .expstyle1 .z-window-modal-hm { background: #007DC8; } .expstyle1 .z-window-modal-header { background: #007DC8; } .expstyle1 .z-textbox { text-transform:none; } </style> <borderlayout height="100%" style="overflow:auto"> <center border="0" > <borderlayout id="recordborder" height="100%" visible="true"> <west width = "60%" > <borderlayout height="100%"> <north height="70%"> <borderlayout width="100%" height="98%"> <east width = "94%"> <div height="100%" width="100%" align = "center" style="overflow-y: auto"> <image id="chq_img" width="90%" height="85%"></image> </div> </east> <west width="4%" border="0" > <div height="100%" width="100%" align = "center" style="overflow-y: auto"> <image id = "back" src="/images/image_back.png" style="cursor:hand;" tooltiptext="Back Image (Alt+f1)"></image> <image id = "front" src="/images/image_front.png" style="cursor:hand;" tooltiptext="Front Image (f2)"></image> <image id = "gray" src="/images/image_gray.png" style="cursor:hand;" tooltiptext="Gray Image (f3)"></image> <image id = "zoomin" src="/images/image_zoom_in.png" style="cursor:hand;" tooltiptext="Zoom In Image (f6)"></image> <image id = "zoomout" src="/images/image_zoom_out.png" style="cursor:hand;" tooltiptext="Zoom Out Image (f7)"></image> <image id = "rrotate" src="/images/image_rr.png" style="cursor:hand;" tooltiptext="Rotate Image (f8)"></image> <image id = "negative" src="/images/image_negative.png" style="cursor:hand;" tooltiptext="Negative Image (f9)"></image> <image id = "skip" src="/images/image_skip.png" style="cursor:hand;" tooltiptext="Next Instrument (f10)"></image> <image id = "backtopanel" src="/images/backtopanel.png" style="cursor:hand;" tooltiptext="Back To Batch (F12)"></image> <label id="instid" visible ="false"></label> </div> </west> </borderlayout> </north> <south> <div height = "10%" align ="left" width = "100%"> <hbox width="100%" align ="left" > <hbox align ="left" pack="center" width = "100%" > <label value = "Udk : " style = "text-align:left;font-style: oblique;font-weight:bold;font-size:15px;"> </label> </hbox> </hbox> </div> </south> </borderlayout> </west> <east width = "40%"> <borderlayout height="100%" width="100%"> <north height="70%"> <div id="amountdiv" width="100%" height="100%" style="overflow-y: auto" visible="true"> <separator height="25%" /> <grid id="amountgeid" height="50%" width="100%" > <columns width="100%"> <column width="20%"></column> <column width="50%"></column> <column width="30%"></column> </columns> <rows> <row spans="3"> <label id="typeofentry" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;"></label> </row> <row > <label id="amountoraccno"></label> <cell colspan="2"> <textbox id="chequeacctb" width = "100%" visible = "false" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="chequeamounttb" visible = "false" width = "100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> </cell> </row> <row > <label value="Correction Remark" ></label> <cell colspan="2"> <textbox id="correctionremarktb" readonly="True" width = "100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> </cell> </row> </rows> </grid> <grid id="micrgrid" height="12%" width="100%" visible="true"> <columns width="100%"> <column width="14%"></column> <column width="18%"></column> <column width="12.5%"></column> <column width="12.5%"></column> <column width="12.5%"></column> <column width="18%"></column> <column width="12.5%"></column> </columns> <rows width="100%"> <row> <label value="MICR" width="15%"></label> <textbox id="instrumentnumberintb" maxlength="6" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client" ><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> <textbox id="payeecitycodeintb" maxlength="3" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client" ><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> <textbox id="payeebankcodeintb" maxlength="3" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> <textbox id="payeebranchcodeintb" maxlength="3" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> <textbox id="sanintb" maxlength="7" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client"><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> <textbox id="tcintb" maxlength="3" width="100%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" xmlns:w="client" ><attribute w:name="doKeyPress_">function(evt) { if (!this._shallIgnore(evt, '0123456789')) this.$doKeyPress_(evt); }</attribute></textbox> </row> </rows> </grid> <div height = "25%" align = "right" style="margin-top:10px;"> <hbox height = "2%" pack="end"> <hbox pack="end" height="2%" width="30%" ></hbox> <hbox align="end" pack="end"> <space bar="false" spacing="20px"></space> <button id="chequeacceptbtn" label="Accept" mold = "trendy" width="60px" /> <space bar="false" spacing="20px"></space> </hbox> </hbox> </div> </div> </north> </borderlayout> </east> </borderlayout> </center> </borderlayout> </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"); } }