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
87guest59.37.59.42oumchgJun 1, 2018 7:04:52 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");
}
}
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="Finishing:"/>
<listitem label="Coating:"/>
<listitem label="Dyeing:"/>
</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="230px"/>
<textbox name="BlockName" />
</hbox>
</row>
<row>
<hbox>
<label value="Insert Under Section:" width="20px"/>
<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>