Processing...

Suggested case list:

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

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

Latest 10 Fiddles :

Another new ZK fiddle

1guest62.197.95.43164al9fOct 20, 2019 5:39:03 PMlink

Another new ZK fiddle

1guest77.180.163.201k98hjfOct 20, 2019 4:47:57 PMlink

Another new ZK fiddle

1cor3000220.134.32.242d245l7Oct 18, 2019 9:47:31 AMlink

Another new ZK fiddle

5guest116.68.96.391glca7lOct 18, 2019 6:39:36 AMlink

Another new ZK fiddle

4guest116.68.96.391glca7lOct 18, 2019 6:38:39 AMlink

Another new ZK fiddle

3guest116.68.96.391glca7lOct 18, 2019 6:38:04 AMlink

Another new ZK fiddle

2guest116.68.96.391glca7lOct 18, 2019 6:36:59 AMlink

Another new ZK fiddle

1guest116.68.96.391glca7lOct 18, 2019 6:36:27 AMlink

CRUD

1guest181.196.206.2433bloo3gOct 17, 2019 2:56:21 PMlink

4guest212.166.46.33ueptrqOct 17, 2019 12:42:16 PMlink

Another new ZK fiddle

15guest36.81.254.1641ifksd0Oct 9, 2019 7:21:47 AMlink

resources

index.zulzul<zk> <style> .silvergray .complex-layout, .silvergray .complex-layout .z-south, .silvergray .complex-layout .z-west { background: #C5E6EF; } .breeze .complex-layout, .breeze .complex-layout .z-south, .breeze .complex-layout .z-west { background: #F7F7F7; } </style> <style> .z-borderlayout { background: #FFFFFF } .complex-layout .z-north { background: #008BB6; } img.complex-layout-header-img { padding: 0 10px; } .complex-layout-header-label { position: relative; top: -30px; padding-left: 40px; font-size: 24px; color: White; font-weight: bold; } .inner-border, .inner-border .z-north, .inner-border .z-west, .inner-border .z-south, .inner-border .z-east { background: #FFFFFF; } .dl-link { text-decoration: none; cursor: pointer; } </style> <borderlayout sclass="complex-layout" height="810px"> <north size="90px" border="0"> <div> <div style="float:right"> <textbox id="search" sclass="demo-search-inp" /> <button label="Search ZK Resource"> <attribute name="onClick"><![CDATA[ Executions.getCurrent().sendRedirect("http://www.zkoss.org/doc/searchresult.dsp?cx=008321236477929467003%3A63kdpeqkkvw&cof=FORID%3A11&q=" + search.getValue(), "_zk"); ]]></attribute> </button> </div> <image sclass="complex-layout-header-img" src="/images/ZK-Logo.gif" /> <label sclass="complex-layout-header-label" value="ZK Project" /> </div> </north> <!-- Sidebar --> <west width="200px" border="0" flex="true" splittable="true" margins="0,5,0,0"> <vlayout spacing="0"> <panel width="100%" border="normal" title="Navigation"> <panelchildren style="padding:5px;"> <vbox> <toolbarbutton label="Home" /> <toolbarbutton label="Sitemap" /> <toolbarbutton label="Statement of Direction" /> <toolbarbutton label="ZK Team" /> <toolbarbutton label="Releases" /> <toolbarbutton label="Calender" /> </vbox> </panelchildren> </panel> <panel width="100%" border="normal" title="Why ZK ? "> <panelchildren> <html><![CDATA[ <ul> <li>Productivity</li> <li>Security</li> <li>Performance</li> <li>Totally Control</li> <li>Auto Testing</li> <li>Scalability</li> <li>Flexibility</li> </ul> ]]></html> </panelchildren> </panel> <panel width="100%" border="normal" title="Features"> <panelchildren> <html><![CDATA[ <ul> <li>Server+client Fusion</li> <li>Ajax-as-a-Service</li> <li>The Event Queue</li> <li>jQuery Based</li> <li>SEO Friendly</li> <li>Auto Testing</li> </ul> ]]></html> </panelchildren> </panel> </vlayout> </west> <east width="130px" title="Quick Links" flex="true"> <vlayout> <html><![CDATA[ <ul> <li>Tutorial</li> <li>Docs</li> <li>ZK vs GWT</li> <li>ZK vs Ajax JSF</li> <li>Forum</li> <li>FAQ</li> <li>Contact us</li> </ul> ]]></html> <vlayout style="text-align:center;"> <a href="http://www.zkoss.org/download/zk.dsp" sclass="dl-link" target="_zk"> <image src="/images/DownloadNow.jpg" /> </a> <toolbarbutton label="Download" href="http://www.zkoss.org/download/zk.dsp" target="_zk"/> </vlayout> </vlayout> </east> <!-- Content --> <center> <borderlayout sclass="inner-border"> <north border="0" height="4%" margins="2,3,0,0"> <label value="HOME" style="font-size:20px;" /> </north> <center border="0" margins="0,3,3,3"> <panel title="Reference" border="normal" height="100%"> <panelchildren> <grid style="border:0;"> <rows> <row> <div> <image src="/images/Java_Logo.png" /> <separator orient="vertical" /> <toolbarbutton label="Java Doc" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/Calendar-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="Project Calendar" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/BookBlue-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="ZK Essentials" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/BookGreen-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="Developer's Reference" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/BookBrown-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="Component Essentials" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/Booklet-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="Style Guide" /> </div> </row> <row> <div> <image src="/img/Centigrade-Widget-Icons/Envelope-16x16.png" /> <separator orient="vertical" /> <toolbarbutton label="Mailing Lists" /> </div> </row> <row> <div> <image src="/images/twitter_16.png" /> <separator orient="vertical" /> <toolbarbutton label="Twitter" /> </div> </row> <row> <div> <image src="/images/linkedin_16.png" /> <separator orient="vertical" /> <toolbarbutton label="LinkedIn" /> </div> </row> <row> <div> <image src="/images/rss_16.png" /> <separator orient="vertical" /> <toolbarbutton label="RSS" /> </div> </row> </rows> </grid> </panelchildren> </panel> </center> <east border="0" width="50%" margins="0,0,3,3"> <panel title="Customer Overview" border="normal" height="100%" hflex="1"> <panelchildren> Continent Contribution to Total Visitors <grid height="100%"> <columns> <column label="category" width="80px"/> <column label="value" /> </columns> <rows> <row> <label id="c0" value="Europe" /> <decimalbox id="v0" value="31.04" constraint="no empty" onChange="update(0)" /> </row> <row> <label id="c1" value="Africa" /> <decimalbox id="v1" value="4.62" constraint="no empty" onChange="update(1)" /> </row> <row> <label id="c2" value="Americas" /> <decimalbox id="v2" value="25.94" constraint="no empty" onChange="update(2)" /> </row> <row> <label id="c3" value="Oceania" /> <decimalbox id="v3" value="4.39" constraint="no empty" onChange="update(3)" /> </row> <row> <label id="c4" value="Asia" /> <decimalbox id="v4" value="29.90" constraint="no empty" onChange="update(4)" /> </row> <row> <label id="c5" value="Others" /> <decimalbox id="v5" value="4.11" constraint="no empty" onChange="update(5)" /> </row> </rows> </grid> </panelchildren> </panel> </east> <south border="1" height="37%" margins="0,0,3,3"> <panel border="normal"> <panelchildren> <chart id="mychart" title="User Location" type="pie" threeD="true" fgAlpha="128"> <attribute name="onClick"><![CDATA[ Area area = event.getAreaComponent(); if (area != null) alert("" + area.getAttribute("entity") + ":" + area.getTooltiptext()); ]]></attribute> <zscript><![CDATA[ void update(int rowIndex) { Label lb = (Label) self.getFellow("c" + rowIndex); Decimalbox db = (Decimalbox) self.getFellow("v" + rowIndex); model.setValue(lb.value, new Double(db.getValue().doubleValue())); } PieModel model = new SimplePieModel(); for (int j = 0; j < 6; ++j) update(j); mychart.setModel(model); ]]></zscript> </chart> </panelchildren> </panel> </south> </borderlayout> </center> <south size="40px" border="0" style="background: none repeat scroll 0 0 ;"> <toolbar mold="panel" align="center"> <toolbarbutton label="Sign in" /> <toolbarbutton label="Home" /> <toolbarbutton label="Sitemap" /> <toolbarbutton label="Terms" /> <toolbarbutton label="Report Abuse" /> <toolbarbutton label="Print" /> <separator orient="vertical" bar="true" /> Powered by ZK ${desktop.webApp.version} ZK Borderlayout </toolbar> </south> </borderlayout> </zk>