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

1guest116.68.98.39243v6v6Dec 7, 2018 12:57:46 PMlink

resources

index.zulzul<?page title="L2 High Value verification" contentType="text/html;charset=UTF-8"?> <zk> <window id = "wl2dishonorverification" sclass="expstyle1" width="100%" height="100%" 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 = "70%" > <borderlayout height="100%"> <north height="40%" > <borderlayout width="100%" height="98%"> <east width = "94%"> <div height="100%" width="100%" align = "center" style="overflow: auto;"> <image id="slip_img" height="100%" ></image> </div> </east> <west width="40px" border="0" > <div height="98%" width="100%" align = "center" style="overflow-y: auto"> <image id = "back_slip" src="/images/image_back.png" style="cursor:hand;" tooltiptext="Back Image (Alt+s)"></image> <image id = "front_slip" src="/images/image_front.png" style="cursor:hand;" tooltiptext="Front Image (Alt+r)"></image> <image id = "gray_slip" src="/images/image_gray.png" style="cursor:hand;" tooltiptext="Gray Image (Alt+l)"></image> <image id = "zoomin_slip" src="/images/image_zoom_in.png" style="cursor:hand;" tooltiptext="Zoom In Image (Alt+b)"></image> <image id = "zoomout_slip" src="/images/image_zoom_out.png" style="cursor:hand;" tooltiptext="Zoom Out Image (Alt+j)"></image> <image id = "rrotate_slip" src="/images/image_rr.png" style="cursor:hand;" tooltiptext="Rotate Image (Alt+u)"></image> <image id = "negative_slip" src="/images/image_negative.png" style="cursor:hand;" tooltiptext="Negative Image (Alt+q)"></image> <image id = "backtopanel_slip" src="/images/backtopanel.png" style="cursor:hand;" tooltiptext="Back To Batch (F12)"></image> <label id="instid_slip" visible ="false"></label> </div> </west> </borderlayout> </north> <center> <borderlayout width="100%" height="98%"> <east width = "94%"> <div height="100%" width="100%" align = "center" style="overflow: auto;"> <image id="chq_img" height="100%" ></image> </div> </east> <west width="40px" border="0" > <div height="98%" width="100%" align = "center" style="overflow-y: auto"> <image id = "back" src="/images/image_back.png" style="cursor:hand;" tooltiptext="Back Image (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="Flip 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 (Alt+m)"></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> </center> <south height="20%" > <div id="chkdetaildiv" width="100%" height="100%" align = "center" > <grid id="chkdetailgrid" height="65%" width="70%" align = "center"> <columns width="100%"> <column width="17%"></column> <column width="17%"></column> <column width="17%"></column> <column width="17%"></column> <column width="16%"></column> <column width="16%"></column> </columns> <rows> <row align="center" > <textbox id="chknotb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="citytb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="banktb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="branchtb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="basenotb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="tctb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> </row> <row align="center" > <label value="Cheque No"></label><label value="City"></label><label value="Bank"></label><label value="Branch"></label><label value="Base No"></label><label value="TC"></label> </row> </rows> </grid> <div height = "15%" align ="left" width = "80%"> <hbox width="90%" align ="end" pack="end" > <hbox align ="center" pack="center" width = "70%" > <button id="referbtn" label="Refer" mold = "trendy" width="60px" /><space bar="false" spacing="20px"></space> <button id="passbtn" label="Pass" mold = "trendy" width="60px" /> <space bar="false" spacing="20px"></space><button id="rejectbtn" label="Reject" mold = "trendy" width="60px" /> </hbox> </hbox> </div> <div height = "5%" align ="left" width = "80%"> <separator/> <label value = "Udk : " style = "text-align:left;font-style: oblique;font-weight:bold;font-size:15px;"> </label><space bar="false" spacing="10px"></space><label id = "udklabel" style = "text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" ></label> </div> </div> </south> <!-- <south height="15%" > <div id="chkdetaildiv" width="100%" height="90%" align = "center" > <grid id="chkdetailgrid" height="50%" width="70%" align = "center"> <columns width="100%"> <column width="17%"></column> <column width="17%"></column> <column width="17%"></column> <column width="17%"></column> <column width="16%"></column> <column width="16%"></column> </columns> <rows> <row align="center" > <textbox id="chknotb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="citytb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="banktb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="branchtb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="basenotb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> <textbox id="tctb" readonly="true" width = "90%" style="text-align:center;font-style: oblique;font-weight:bold;font-size:15px;" /> </row> </rows> </grid> <separator/> <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><space bar="false" spacing="10px"></space><label id = "udklabel" style = "text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" ></label> <space bar="false" spacing="200px"></space> <button id="referbtn" label="Refer" mold = "trendy" width="60px" /><space bar="false" spacing="20px"></space> <button id="passbtn" label="Pass" mold = "trendy" width="60px" /> <space bar="false" spacing="20px"></space><button id="rejectbtn" label="Reject" mold = "trendy" width="60px" /> </hbox> </hbox> </div> </div> </south> --> </borderlayout> </west> <east width = "30%"> <div id="micrdatediv0" width="100%" height="100%" > <grid id="retail_ip_grid" height="99%" width="98%" style="overflow-y: auto"> <columns width="100%"> <column width="40%"></column> <column width="60%"></column> </columns> <rows> <row> <label value="Account Number"></label> <label id="accnotb" width = "90%" style="color:red;text-align:left;font-style: oblique;font-weight:bold;font-size:18px;"/> </row> <row> <label value="Account Name"></label> <label id="accnametb" width = "90%" style="color:red;text-align:left;font-style: oblique;font-weight:bold;font-size:15px;"/> </row> <row> <label value="Account Status"></label> <label id="accstatustb" width = "90%"/> </row> <row> <label value="Freeze Status"></label> <label id="accfreezestatustb" width = "90%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> </row> <row> <label value="NRE Status"></label> <label id="accnrestatustb" width = "90%"/> </row> <row> <label value="NRE Remarks"></label> <textbox id="nreremarkstb" visible = "true" readonly="true" width = "90%" style="text-align:left;font-style: oblique;font-size:15px;"/> </row> <row> <label value="Cheque Amount"></label> <label id="chqamt" width = "90%" style="color:red;text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> </row> <row> <label value="Product code and Description"></label> <label id="prodcodetb" width = "90%"/> </row> <!-- <row> <label value="MICR Band"></label> <label id="micrbandtb" width = "90%"/> </row> --> <row> <label value="Drawee Bank Name"></label> <label id="draweebanknametb" width = "90%" /> </row> <row> <label value="Doc Type"></label> <label id="doctypetb" width = "90%" /> </row> <row> <label value="Clearing Type"></label> <label id="clearingtypetb" width = "90%"/> </row> <row> <label value="ICR Date"></label> <label id="icrdatetb" width = "90%"/> </row> <row id ="micrrrflagrow" > <label value="MICR repair Flag"></label> <label id="micrrepairflagtb" width = "90%" /> </row> <row> <label value="Caution Cheque Remarks"></label> <label id="cautioncheckmarktb" width = "90%" style="color:red;text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> </row> <row> <label value="Staff Flag"></label> <label id="staffflagtb" width = "90%"/> </row> <row> <label value="Reject Code"></label> <label id="lblrejcode" width = "90%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> <!-- <textbox id="referelremtb" visible = "true" width = "90%" style="text-align:left;font-style: oblique;font-size:15px;"/> --> </row> <row> <label value="Reject Remark"></label> <label id="lblrejremark" width = "90%" style="text-align:left;font-style: oblique;font-weight:bold;font-size:15px;" /> <!-- <textbox id="rejectremtb" visible = "true" readonly="true" width = "90%" style="text-align:left;font-style: oblique;font-size:15px;"/> --> </row> </rows> </grid> </div> </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"); } }