ZK Fiddle - grid with hierarcy

Suggested case list:

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

update the textbox value and fire a onChange event (Client)

2TonyQ220.133.44.37qdorurFeb 12, 2012 11:56:25 PMlink

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

Trigger onChange for textbox in client manually.

1TonyQ198.203.175.1751tmsvs1Sep 22, 2011 5:23:43 AMlink

modify selected status of listbox after compose

1guest61.224.42.2033486viqSep 18, 2011 12:26:53 PMlink

ckeditor startup with source mode

1benbai61.216.4.1961lvlb1lSep 11, 2011 1:56:30 PMlink

apply style to all textbox in css

1TonyQ198.203.175.1751l8b5kkSep 10, 2011 12:55:52 AMlink

Require user to enter uppercase chars only in textbox

1TonyQ198.203.175.1751cl18ghSep 9, 2011 12:58:13 AMlink

The last position that the mouse was clicked

3sunflower60.175.249.16539o3m78Sep 8, 2011 10:08:32 PMlink

How to invoke server side onClick event with XHTML component

1TonyQ198.203.175.17511spe5sSep 7, 2011 8:01:56 AMlink

Client event - onFocus/onBlur

1TonyQ198.203.175.1752met717Sep 1, 2011 6:13:24 AMlink

Databinding with TypeConverter sample

1TonyQ198.203.175.1751t0gtrkAug 31, 2011 12:47:46 AMlink

grid sample with ListModel/RowRenderer

5guest198.203.175.1752vah9ajAug 31, 2011 12:27:35 AMlink

Multiple drag - finetune

3TonyQ198.203.175.175393nlq1Aug 30, 2011 6:49:05 AMlink

A window doModal reusing example - composer way

5TonyQ12.208.243.66126pn69Aug 28, 2011 12:04:14 PMlink

Latest 10 Fiddles :

Master Detail with RowRenderer

1guest177.45.94.1011mob02aJun 18, 2013 12:26:22 AMlink

Select from Radiogroup

1guest178.59.11.211ubmp4lJun 17, 2013 9:32:12 PMlink

Select from Radiogroup

1guest178.59.11.211830qehJun 17, 2013 9:32:08 PMlink

Select from Radiogroup

10guest178.59.11.211qn7fusJun 17, 2013 9:32:05 PMlink

Select from Radiogroup

9guest178.59.11.211qn7fusJun 17, 2013 9:32:00 PMlink

Apex

1Apex71.228.105.1221m7m66gJun 17, 2013 9:08:15 PMlink

Apex

1Apex71.228.105.122tf74icJun 17, 2013 9:08:03 PMlink

Show bug "Databinding in custom attributes"

10guest160.83.30.1472ofvhjmJun 17, 2013 3:30:26 PMlink

Databind example

54guest203.88.128.9438ipduoJun 17, 2013 10:00:42 AMlink

Frozen Tabs

5guest220.135.202.14037998l0Jun 17, 2013 8:31:54 AMlink

grid with hierarcy

6guest213.57.218.342j23enhApr 23, 2012 6:11:26 PMlink

resources

index.zulzul <zk> <zscript> import java.util.*; import java.text.*; Random random = new Random(20); String[] stocks = {"Csco", "Goog", "Yhoo", "Msft", "Orcl"}; String[] color = {"red", "blue", "yellow", "green", "gray"}; NumberFormat nf = NumberFormat.getInstance(); Locale locale = Locale.ENGLISH; SimpleDateFormat df = new SimpleDateFormat("MMMM", locale); String[] months = new String[12]; java.util.Calendar cal = java.util.Calendar.getInstance(locale); cal.clear(); for (int j = 0; j < 12; ++j) { cal.set(java.util.Calendar.MONTH, j); months[j] = df.format(cal.getTime()); } String nextPrice() { nf.setMaximumFractionDigits( 2 ); return nf.format(Math.random() * 50 + 40); } </zscript> <grid> <columns> <column width="40px" /> <column label="Stock Name"/> <column label="Date"/> <column label="Open" align="center" sort="auto"/> <column label="High" align="center" sort="auto"/> <column label="Low" align="center" sort="auto"/> <column label="Close" align="center" sort="auto"/> <column label="volume" align="center" sort="auto"/> </columns> <rows> <row forEach="${stocks}"> <detail open="false" fulfill="onOpen=season.zul"/> <label value="${stocks[forEachStatus.index]}"/> <label value="31-Aug-09"/> <label style="color:red;" onCreate='self.value = nextPrice()'/> <label onCreate='self.value = nextPrice()'/> <label style="color:red;" onCreate='self.value = nextPrice()'/> <label onCreate='self.value = nextPrice()'/> <label onCreate='self.value = random.nextInt(65536)+ ""'/> </row> </rows> </grid> </zk> season.zulzul<zk> <grid model="${hGrid$composer.getSeasonModel()}" sclass="inner-grid"> <columns> <column width="40px" /> <column label="User"/> <column label="Field"/> <column label="Value/> </columns> <template name="model"> <row value="${forEachStatus.index}"> <label value="Q${forEachStatus.index+1}" /> <label value="${each[0]}" /> <label value="${each[1]}" /> <label value="${each[2]}" /> </row> </template> </grid> </zk>