Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkAnother new ZK fiddle
89guest59.37.59.42oumchgJun 1, 2018 10:26:13 AMlinkresources
index.zulzul<zk>
<tree>
<treecols>
<treecol style="text-align:center"> <label value="Block"/> </treecol>
<treecol> <label value="291651_A White-Beige Melange/ Blue Check" /> </treecol>
<treecol> <label value="291651_B Blue-Beige Melange/ Blue Check" /> </treecol>
<treecol> <label value="291651_C Grey Twisted - Black Check" /> </treecol>
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Section 1: Material"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Section 2: Lining"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Section 3: Other"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Shell/Outer Fabric"/> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Material Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fabric Name:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Composition:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material weight:"/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Material Attributes" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Construction: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Weave Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Thread Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Yarn Type: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Fiber Length: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Width: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Ply: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Notes / Instructions: "/> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
<treecell> <textbox /> </treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Other Information" /> </treecell>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell> <label value="Finishing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Coating: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell> <label value="Dyeing: "/> </treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
<treecell>
<listbox mold="select">
<listitem label="Perfect" />
<listitem label="High" />
<listitem label="Medium" selected="true"/>
<listitem label="Low" />
<listitem label="Poor" />
</listbox>
</treecell>
</treerow>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</treeitem>
</treechildren>
</tree>
</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");
}
}
CustDataSource.javajavaimport java.util.Map;
import java.util.Collection;
import java.util.ArrayList;
import java.util.HashMap;
public class CustDataSource{
private Map<String, Object> itemDocument = new HashMap<String, Object>();
public Map<String, Object> getData() {
final long itemId = System.currentTimeMillis();
itemDocument.put("itemColors", buildItemColors(itemId));
return itemDocument;
}
private Collection<Map<String, Object>> buildItemColors(final long itemId) {
Collection<Map<String, Object>> itemColors = new ArrayList<Map<String, Object>>();
for (int index = 0; index < 5; index ++) {
final Map<String, Object> itemColor = new HashMap<String, Object>();
itemColor.put("id", index);
itemColor.put("itemId", itemId);
itemColor.put("colorCode", "COLC-" + index);
itemColor.put("colorName", "COLN-" + index);
itemColor.put("colorHex", "COLH-" + index);
itemColors.add(itemColor);
}
return itemColors;
}
}
CodelistStore.javajava
import java.util.Map;
import java.util.HashMap;
import java.util.Collection;
import java.util.ArrayList;
public class CodelistStore {
private final static Map<String, Collection<Map<String, Object>>> codelists = new HashMap<String, Collection<Map<String, Object>>>();
static {
buildDataTypeCodelist();
buildFinishingCodelist();
buildDyeingCodelist();
buildCoatingCodelist();
}
private static void buildDataTypeCodelist() {
final Collection<Map<String, Object>> dataTypes = new ArrayList<Map<String, Object>>();
codelists.put("DATA-TYPES", dataTypes);
final Map<String, Object> dropdownType = new HashMap<String, Object>();
dropdownType.put("id", System.currentTimeMillis());
dropdownType.put("code", "DROP-DOWN");
dropdownType.put("name", "DropDown");
dataTypes.add(dropdownType);
final Map<String, Object> textType = new HashMap<String, Object>();
textType.put("id", System.currentTimeMillis());
textType.put("code", "TEXT-BOX");
textType.put("name", "TextBox");
dataTypes.add(textType);
final Map<String, Object> textAreaType = new HashMap<String, Object>();
textAreaType.put("id", System.currentTimeMillis());
textAreaType.put("code", "TEXT-AREA");
textAreaType.put("name", "TextArea");
dataTypes.add(textAreaType);
final Map<String, Object> attributeListType = new HashMap<String, Object>();
attributeListType.put("id", System.currentTimeMillis());
attributeListType.put("code", "ATTRIBUTE-LIST");
attributeListType.put("name", "AttributeList");
dataTypes.add(attributeListType);
final Map<String, Object> libraryType = new HashMap<String, Object>();
libraryType.put("id", System.currentTimeMillis());
libraryType.put("code", "LIBRARY");
libraryType.put("name", "Library");
dataTypes.add(libraryType);
}
private static void buildFinishingCodelist() {
final Collection<Map<String, Object>> finishingType = new ArrayList<Map<String, Object>>();
codelists.put("FINISHING-TYPES", finishingType);
final Map<String, Object> ft001 = new HashMap<String, Object>();
ft001.put("id", System.currentTimeMillis());
ft001.put("code", "FT001");
ft001.put("name", "FT--001");
finishingType.add(ft001);
final Map<String, Object> ft002 = new HashMap<String, Object>();
ft002.put("id", System.currentTimeMillis());
ft002.put("code", "FT002");
ft002.put("name", "FT--002");
finishingType.add(ft002);
final Map<String, Object> ft003 = new HashMap<String, Object>();
ft003.put("id", System.currentTimeMillis());
ft003.put("code", "FT003");
ft003.put("name", "FT--003");
finishingType.add(ft003);
}
private static void buildCoatingCodelist() {
final Collection<Map<String, Object>> coatingType = new ArrayList<Map<String, Object>>();
codelists.put("FINISHING-TYPES", coatingType);
final Map<String, Object> ct001 = new HashMap<String, Object>();
ct001.put("id", System.currentTimeMillis());
ct001.put("code", "CT001");
ct001.put("name", "CT--001");
coatingType.add(ct001);
final Map<String, Object> ct002 = new HashMap<String, Object>();
ct002.put("id", System.currentTimeMillis());
ct002.put("code", "CT002");
ct002.put("name", "CT--002");
coatingType.add(ct002);
final Map<String, Object> ct003 = new HashMap<String, Object>();
ct003.put("id", System.currentTimeMillis());
ct003.put("code", "CT003");
ct003.put("name", "CT--003");
coatingType.add(ct003);
}
private static void buildDyeingCodelist() {
final Collection<Map<String, Object>> dyeingType = new ArrayList<Map<String, Object>>();
codelists.put("FINISHING-TYPES", dyeingType);
final Map<String, Object> dy001 = new HashMap<String, Object>();
dy001.put("id", System.currentTimeMillis());
dy001.put("code", "DY001");
dy001.put("name", "DY--001");
dyeingType.add(dy001);
final Map<String, Object> dy002 = new HashMap<String, Object>();
dy002.put("id", System.currentTimeMillis());
dy002.put("code", "DY002");
dy002.put("name", "DY--002");
dyeingType.add(dy002);
final Map<String, Object> dy003 = new HashMap<String, Object>();
dy003.put("id", System.currentTimeMillis());
dy003.put("code", "DY003");
dy003.put("name", "DY--003");
dyeingType.add(dy003);
}
public static Collection<Map<String, Object>> getCodelistByName(final String bookName) {
return codelists.get(bookName);
}
}