z30-tree-0003.zul

ZK是一个Ajax Java Web框架

<window border="normal">
		Test each button works well.
		<tree id="tree" width="400px" height="400px">
			<treecols sizable="true">
				<treecol label="Subject" />
				<treecol label="From" />
				<treecol label="Received" />
			</treecols>
			<treechildren>
				<treeitem id="ti0" selected="true">
					<treerow>
						<treecell label="Intel Snares XML" />
						<treecell label="David Needle" />
						<treecell label="7-12-2005" />
					</treerow>
					<treechildren>
						<treeitem id="ti01">
							<treerow>
								<treecell label="Intel Snares XML" />
								<treecell label="Ria Coen" />
								<treecell label="7-12-2005" />
							</treerow>
						</treeitem>
					</treechildren>
				</treeitem>
				<treeitem label="Unknown chaos" />
				<treeitem>
					<treerow>
						<treecell label="C# versus Java" />
						<treecell label="David Longman" />
						<treecell label="7-1o-2005" />
					</treerow>
					<treechildren>
						<treeitem>
							<treerow>
								<treecell label="Item 3.1" />
							</treerow>
							<treechildren>
								<treeitem>
									<treerow>
										<treecell label="Item 3.1.1" />
									</treerow>
								</treeitem>
							</treechildren>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Power never easy" />
								<treecell label="Michelle Jordan" />
								<treecell label="6-12-2005" />
							</treerow>
						</treeitem>
					</treechildren>
				</treeitem>
				<treeitem label="Item 4" open="false">
					<zscript>item4 = self</zscript>
					<treechildren>
						<treeitem>
							<treerow>
								<treecell label="Item 4.1" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.2" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.3" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.4" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.5" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.6" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.7" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.8" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.9" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.10" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.11" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.12" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.13" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.14" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.15" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.16" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.17" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.18" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.19" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.20" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.21" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.22" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.23" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.24" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.25" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.26" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.27" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.28" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.29" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.30" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.31" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.32" />
							</treerow>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 4.33" />
							</treerow>
						</treeitem>
					</treechildren>
				</treeitem>
			</treechildren>
		</tree>

		<button label="Toggle checkmark"
			onClick="tree.checkmark = !tree.checkmark" />
		<button label="Select 2nd" onClick="ti01.selected = true" />
		<button label="Toggle Item 4"
			onClick="item4.setOpen(!item4.isOpen())" />
</window>