Processing...

Suggested case list:

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

identify firefox or not in server side

1TonyQ198.203.175.1751nv2qreDec 10, 2011 4:25:04 AMlink

Latest 10 Fiddles :

line-height breaks button alignement

1guest162.158.179.1142j3sh9qApr 6, 2020 9:47:11 AMlink

Autopaging vs PageSize

1guest162.158.94.124bs6vn2Apr 6, 2020 9:12:05 AMlink

Another new ZK fiddle

3rock210502162.158.179.541afp0iqApr 6, 2020 7:58:41 AMlink

Another new ZK fiddle

2rock210502162.158.179.541afp0iqApr 6, 2020 7:56:47 AMlink

Another new ZK fiddle

1rock210502162.158.179.541afp0iqApr 6, 2020 7:53:55 AMlink

Another new ZK fiddle

2rock210502162.158.179.542odmspbApr 6, 2020 7:52:55 AMlink

Another new ZK fiddle

1rock210502162.158.179.542odmspbApr 6, 2020 7:49:47 AMlink

uppercase textbox

2guest141.101.76.1302f0efq3Apr 6, 2020 6:05:07 AMlink

ZK-3516

1JamesChu162.158.178.811btfl4tApr 6, 2020 2:04:54 AMlink

PDF Viewer in ZK using Iframe

1guest141.101.69.1532ojq4irApr 5, 2020 10:03:06 PMlink

Another new ZK fiddle

5guest108.162.246.197rsmofrFeb 27, 2020 5:52:31 AMlink

resources

index.zulzul<?xml version="1.0" encoding="UTF-8"?> <!-- B86-ZK-3909-2.zul Purpose: Description: History: Thu Sep 13 10:31:59 CST 2018, Created by klyve Copyright (C) 2018 Potix Corporation. All Rights Reserved. --> <zk xmlns="http://www.zkoss.org/2005/zul"> <script> var lb; var interval; window.onload = function () { console.log(jq(".z-listbox")); lb = zk.$(jq(".z-listbox")); //test(); } var test = function () { var i = 0; window.setTimeout(function () { firstStep(); i++ }, 2000) <!--interval = window.setInterval( function() {--> <!--executeCallBack[i]();--> <!--i++;--> <!--if (i == executeCallBack.length)--> <!--wclearInterval();--> <!--}, 5000);--> } var scrollDownLb = function () { if (!interval) { interval = window.setInterval( function() { lb.$n("body").scrollTop = lb.$n("body").scrollTop + 1000; }, 1000); } } var scrollUpLb = function () { if (!interval) { interval = window.setInterval( function() { lb.$n("body").scrollTop = lb.$n("body").scrollTop - 1000; }, 1000); } } var scrollToFirst = function () { lb.$n("body").scrollTop = lb.firstItem.$n().offsetTop + lb._padsz.tpad - lb._avgrowhgh * lb._limit / 2; } var scrollToLast = function () { lb.$n("body").scrollTop = lb.lastItem.$n().offsetTop + lb._padsz.tpad - lb._avgrowhgh * (lb._limit - 1) / 2;; } var wclearInterval = function () { window.clearInterval(interval); interval = null; } var firstStep = function () { lb.$n("body").scrollTop = 40000; } var executeCallBack=[scrollToLast] </script> <label multiline="true"> 1. look into Network of browser dev tool 2. scroll to the position at about 80% of the scrollbar 3. scroll to the position at about 20% of the scrollbar 4. repeat step 2 and 3 again 5. reload this page 6. repeat step 2 and 3 five times 7. both zkau time should not be slow (like not &gt; 1 sec) </label> <window title="Dynamic Listbox Columns" height="500px" width="800px" closable="true" border="normal" sizable="true" minheight="500" minwidth="700" viewModel="@id('vm') @init('org.zkoss.zktest.test2.F85_ZK_3808VM')"> <custom-attributes org.zkoss.zul.listbox.initRodSize="10"/> <custom-attributes org.zkoss.zul.listbox.preloadSize="100"/> <custom-attributes org.zkoss.zul.listbox.rod="true"/> <listbox model="@load(vm.data)" vflex="true" width="100%" sclass="center-cells"> <template name="model" var="line"> <listitem> <forEach items="@init(line)" var="cell"> <listcell label="@load(cell)"/> </forEach> </listitem> </template> </listbox> </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"); } }