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
111guest59.37.59.42oumchgJun 4, 2018 3:55:16 AMlinkresources
index.zulzul<zk>
<hbox apply="pkg$.ButtonGroupComposer">
<button id="btnAddLine" label="Add New Line" />
<button id="btnAddBlock" label="Add New Block" />
<button id="btnAddCopyk" label="Copy Data from First Column to Others" />
<button id="btnAddDelete" label="Delete" />
</hbox>
<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);
}
}ButtonGroupComposer.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.*;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zk.ui.select.annotation.Listen;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.ArrayList;
import java.util.Map;
public class ButtonGroupComposer extends SelectorComposer<Component> {
@Wire("#AddNewLine")
private Window win;
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
@Listen("onClick = #btnAddLine")
public void addNewLine() {
Executions.createComponents("AddNewLine.zul", null, null);
}
@Listen("onClick = #btnAddBlock")
public void addNewBlock() {
Executions.createComponents("AddNewBlock.zul", null, null);
}
@Listen("onClick = #submitNewCustomer, #cancelNewCustomer")
public void closeThis() {
win.detach();
}
}
AddNewLine.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Add New Line" border="normal" id="AddNewLine"
width="550px" height="auto" apply="pkg$.ButtonGroupComposer"
minimizable="false" mode="modal" maximizable="false" closable="true" position="center">
<separator />
<label value="Specify the insertion location:" />
<separator />
<panel width="100%">
<panelchildren>
<separator />
<grid width="99.5%">
<rows>
<row>
<hbox >
<label value="Under Section:" width="200px"/>
<listbox mold="select" width="200px">
<listitem label="Section 1: Material" selected="true"/>
<listitem label="Section 2: Lining" />
<listitem label="Section 3: Other" />
</listbox>
</hbox>
</row>
<row>
<hbox>
<label value="Under Block:" width="200px"/>
<listbox mold="select" width="200px">
<listitem label="Shell/Outer Fabric" selected="true"/>
<listitem label="Sleeve Lining" />
<listitem label="Body Lining"/>
</listbox>
</hbox>
</row>
<row>
<hbox>
<label value="Before Row:" width="200px"/>
<listbox mold="select" width="200px">
<listitem label="Material Name:" selected="true"/>
<listitem label="Fabric Name:" />
<listitem label="Composition:"/>
<listitem label="Material weight:"/>
<listitem label="Material attributes:"/>
<listitem label="Other Information:"/>
</listbox>
</hbox>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<separator />
<div align="center">
<button id="submitNewCustomer" label="Submit" onClick="@command('save')" />
<button id="cancelNewCustomer" label="Cancel" />
</div>
</window>
</zk>AddNewBlock.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Add New Block" border="normal" id="AddNewBlock"
width="550px" height="auto" apply="pkg$.ButtonGroupComposer"
minimizable="false" mode="modal" maximizable="false" closable="true" position="center">
<separator />
<label value="Specify the insertion location:" />
<separator />
<panel width="100%">
<panelchildren>
<separator />
<grid width="99.5%">
<rows>
<row>
<hbox >
<label value="New Block Name:" width="200px"/>
<textbox name="BlockName" />
</hbox>
</row>
<row>
<hbox>
<label value="Insert Under Section:" width="200px"/>
<listbox mold="select" width="200px">
<listitem label="Section 1: Material" selected="true"/>
<listitem label="Section 2: Lining" />
<listitem label="Section 3: Other" />
</listbox>
</hbox>
</row>
<row>
<hbox>
<label value="Insert Before Block:" width="200px"/>
<listbox mold="select" width="200px">
<listitem label="Shell/Outer Fabric" selected="true"/>
<listitem label="Sleeve Lining" />
<listitem label="Body Lining"/>
</listbox>
</hbox>
</row>
</rows>
</grid>
</panelchildren>
</panel>
<separator />
<div align="center">
<button id="submitNewCustomer" label="Submit" onClick="@command('save')" />
<button id="cancelNewCustomer" label="Cancel" />
</div>
</window>
</zk>