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 :

constraint binding textbox

3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlink

Another new ZK fiddle

2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlink

Another new ZK fiddle

1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlink

Another new ZK fiddle

1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlink

tooltip example

2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlink

Another new ZK fiddle

1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlink

Another new ZK fiddle

1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlink

onClose

1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlink

Another new ZK fiddle

1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlink

ZK-5912-Suggestion

2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlink

Another new ZK fiddle

12guest195.81.235.663s3iabnJun 1, 2018 12:49:47 PMlink

resources

index.zulzul<zk> <window border="normal" title="hello" apply="pkg$.TestComposer"> <div>Welcome to ZK Fiddle , run it right now!</div> <button id="btn" label="Click Me To Evalute Event Binding With Composer" /> </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.*; package demo.layout.business_portal;   import java.util.ArrayList; import java.util.Date; import java.util.List; import java.util.TimeZone;   public class ReportData {           public static Date time(int year, int month, int day, int hour, int minute,             int second) {         final java.util.Calendar calendar = java.util.Calendar                 .getInstance(TimeZone.getTimeZone("GMT"));         calendar.set(year, month - 1, day, hour, minute, second);         final Date result = calendar.getTime();         return result;     }       private static List<Stock> data = new ArrayList<Stock>();     static {         data.add(new Stock(time(2010, 5, 6, 13, 57, 0), 1116.50, 1119.50,                 1115.75, 1118.75, 26534));         data.add(new Stock(time(2010, 5, 6, 13, 58, 0), 1118.75, 1118.75,                 1113.75, 1115.50, 22715));         data.add(new Stock(time(2010, 5, 6, 13, 59, 0), 1115.75, 1116.00,                 1110.75, 1112.75, 20766));         data.add(new Stock(time(2010, 5, 6, 14, 0, 0), 1112.75, 1112.75,                 1103.25, 1106.00, 30059));         data.add(new Stock(time(2010, 5, 6, 14, 1, 0), 1105.75, 1115.25,                 1105.50, 1113.00, 20329));         data.add(new Stock(time(2010, 5, 6, 14, 2, 0), 1112.75, 1116.50,                 1110.50, 1116.25, 20395));         data.add(new Stock(time(2010, 5, 6, 14, 3, 0), 1116.50, 1121.00,                 1115.75, 1120.00, 23156));         data.add(new Stock(time(2010, 5, 6, 14, 4, 0), 1120.00, 1121.25,                 1117.75, 1119.00, 22293));         data.add(new Stock(time(2010, 5, 6, 14, 5, 0), 1119.00, 1123.50,                 1116.75, 1123.50, 27369));         data.add(new Stock(time(2010, 5, 6, 14, 6, 0), 1123.50, 1124.00,                 1120.25, 1121.75, 22120));         data.add(new Stock(time(2010, 5, 6, 14, 7, 0), 1121.75, 1126.50,                 1121.00, 1126.00, 24415));         data.add(new Stock(time(2010, 5, 6, 14, 8, 0), 1126.25, 1131.25,                 1125.50, 1131.25, 27627));         data.add(new Stock(time(2010, 5, 6, 14, 9, 0), 1131.00, 1131.75,                 1125.00, 1126.25, 28348));         data.add(new Stock(time(2010, 5, 6, 14, 10, 0), 1126.50, 1128.00,                 1125.75, 1127.75, 18702));         data.add(new Stock(time(2010, 5, 6, 14, 11, 0), 1128.00, 1128.00,                 1117.50, 1118.25, 25499));         data.add(new Stock(time(2010, 5, 6, 14, 12, 0), 1118.25, 1122.25,                 1117.75, 1120.25, 16323));         data.add(new Stock(time(2010, 5, 6, 14, 13, 0), 1120.25, 1122.50,                 1119.00, 1121.25, 11372));         data.add(new Stock(time(2010, 5, 6, 14, 14, 0), 1121.25, 1121.75,                 1119.25, 1119.75, 8121));         data.add(new Stock(time(2010, 5, 6, 14, 15, 0), 1119.75, 1121.25,                 1118.00, 1120.25, 15347));         data.add(new Stock(time(2010, 5, 6, 14, 16, 0), 1120.25, 1122.75,                 1120.25, 1122.00, 12236));         data.add(new Stock(time(2010, 5, 6, 14, 17, 0), 1121.75, 1125.50,                 1121.00, 1125.00, 12052));         data.add(new Stock(time(2010, 5, 6, 14, 18, 0), 1125.00, 1125.75,                 1118.50, 1118.75, 21474));         data.add(new Stock(time(2010, 5, 6, 14, 19, 0), 1119.00, 1119.00,                 1115.25, 1115.75, 20824));         data.add(new Stock(time(2010, 5, 6, 14, 20, 0), 1115.75, 1116.00,                 1111.75, 1112.25, 20310));         data.add(new Stock(time(2010, 5, 6, 14, 21, 0), 1112.00, 1113.50,                 1108.00, 1113.25, 23136));         data.add(new Stock(time(2010, 5, 6, 14, 22, 0), 1113.25, 1116.75,                 1112.50, 1114.50, 13819));         data.add(new Stock(time(2010, 5, 6, 14, 23, 0), 1114.75, 1115.50,                 1111.50, 1112.50, 14484));         data.add(new Stock(time(2010, 5, 6, 14, 24, 0), 1112.50, 1113.50,                 1111.75, 1112.25, 7490));         data.add(new Stock(time(2010, 5, 6, 14, 25, 0), 1112.25, 1112.25,                 1108.25, 1108.50, 14881));         data.add(new Stock(time(2010, 5, 6, 14, 26, 0), 1108.25, 1112.00,                 1106.50, 1107.25, 19247));         data.add(new Stock(time(2010, 5, 6, 14, 27, 0), 1107.25, 1111.25,                 1106.50, 1110.00, 11622));         data.add(new Stock(time(2010, 5, 6, 14, 28, 0), 1110.00, 1111.00,                 1109.00, 1110.50, 8758));         data.add(new Stock(time(2010, 5, 6, 14, 29, 0), 1110.50, 1118.00,                 1110.00, 1117.50, 16857));         data.add(new Stock(time(2010, 5, 6, 14, 30, 0), 1117.75, 1122.00,                 1116.50, 1121.50, 17153));     }           public static List<Stock> getData(){         return new ArrayList<Stock>(data);     }       public static class Stock {           private Date time;         private Number open, high, low, close, volume;           public Stock(Date time, Number open, Number high, Number low,                 Number close, Number volume) {             this.time = time;             this.open = open;             this.high = high;             this.low = low;             this.close = close;             this.volume = volume;         }           public Date getTime() {             return time;         }           public Number getOpen() {             return open;         }           public Number getHigh() {             return high;         }           public Number getLow() {             return low;         }           public Number getClose() {             return close;         }           public Number getVolume() {             return volume;         }       }   }