treepaging.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 271 行

<window title="tree demo" border="normal">
	<tree id="tree" width="90%" mold="paging" pageSize="10" fixedLayout="true">
		<treecols sizable="true">
			<treecol label="Name"/>
			<treecol label="Description"/>
		</treecols>
		<treechildren>
			<treeitem >
				<treerow>
					<treecell id="firstitem" label="Item 1"/>
					<treecell label="Item 1 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 2"/>
					<treecell label="Item 2 description"/>
				</treerow>
				<treechildren>
					<treeitem >
								<treerow>
									<treecell label="Item 3"/>
								</treerow>
							</treeitem>
					<treeitem id="ti1" >
						<treerow>
							<treecell id="ic4" label="Item 4"/>
						</treerow>
						<treechildren id="firstchild">
							<treeitem>
								<treerow>
									<treecell label="Item 5"/>
								</treerow>
							</treeitem>
							<treeitem >
								<treerow>
									<treecell label="Item 6"/>
								</treerow>
							</treeitem>
						</treechildren>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="Item 7"/>
							<treecell label="Item 7"/>
						</treerow>
					</treeitem>
				</treechildren>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 8"/>
					<treecell label="Item 8"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 9"/>
					<treecell label="Item 9 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 10"/>
					<treecell label="Item 10 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell id="seconditem" label="Item 11"/>
					<treecell label="Item 11 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 12"/>
					<treecell label="Item 12 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 13"/>
					<treecell label="Item 13 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 14"/>
					<treecell label="Item 14 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 15"/>
					<treecell label="Item 15 description"/>
				</treerow>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 16"/>
					<treecell label="Item 16 description"/>
				</treerow>
			</treeitem>
			<treeitem open="false">
				<treerow>
					<treecell label="Item 17"/>
					<treecell label="Item 17 description"/>
				</treerow>
				<treechildren>
					<treeitem>
						<treerow>
							<treecell label="Item 18"/>
						</treerow>
						<treechildren>
							<treeitem>
								<treerow>
									<treecell label="Item 19"/>
								</treerow>
							</treeitem>
							<treeitem id="item20">
								<treerow>
									<treecell label="Item 20"/>
								</treerow>
							</treeitem>
						</treechildren>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="Item 21"/>
							<treecell label="Item 21 is something who cares"/>
						</treerow>
					</treeitem>
				</treechildren>
			</treeitem>
			<treeitem label="Item 22"/>
			<treeitem >
				<treerow>
					<treecell label="Item 23"/>
					<treecell label="Item 23 description"/>
				</treerow><treechildren>
					<treeitem>
						<treerow>
							<treecell label="Item 24"/>
						</treerow>
						<treechildren>
							<treeitem>
								<treerow>
									<treecell label="Item 25"/>
								</treerow>
							</treeitem>
							<treeitem id="it26">
								<treerow>
									<treecell label="Item 26"/>
								</treerow>
							</treeitem>
						</treechildren>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="Item 27"/>
							<treecell label="Item 27 is something who cares"/>
						</treerow>
					</treeitem>
				</treechildren>
			</treeitem>
			<treeitem >
				<treerow>
					<treecell label="Item 28"/>
					<treecell label="Item 28 description"/>
				</treerow><treechildren>
					<treeitem>
						<treerow>
							<treecell label="Item 29"/>
						</treerow>
						<treechildren>
							<treeitem>
								<treerow>
									<treecell label="Item 30"/>
								</treerow>
							</treeitem>
							<treeitem>
								<treerow>
									<treecell label="Item 31"/>
								</treerow>
							</treeitem>
						</treechildren>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="Item 32"/>
							<treecell label="Item 32 is something who cares"/>
						</treerow>
					</treeitem>
				</treechildren>
			</treeitem>
			<treeitem>
				<treerow>
					<treecell id="lastitem" label="Item 33"/>
					<treecell label="Item 33 description"/>
				</treerow>
			</treeitem>
		</treechildren>
	</tree>
	<button label="open/close (Item 4)" onClick='ti1.open = !ti1.open'/>
	<button label="visible (Item 4)" onClick='ti1.visible = !ti1.visible'/>
	<button label="change item 1 label">
		<attribute name="onClick">
		if (firstitem.label.equals("Item 1"))
		 firstitem.label = "First Item 1";
		else firstitem.label = "Item 1";
		</attribute>
	</button>
	<button label="change item 11 label">
		<attribute name="onClick">
		if (seconditem.label.equals("Item 11"))
		 seconditem.label = "Second Item 11";
		else seconditem.label = "Item 11";
		</attribute>
	</button>
	<button label="change Item 4 label">
		<attribute name="onClick">
		if (ic4.label.equals("Item 4"))
		 ic4.label = "Treecell 4";
		else ic4.label = "Item 4";
		</attribute>
	</button>
	<button label="change item 33 label">
		<attribute name="onClick">
		if (lastitem.label.equals("Item 33"))
		 lastitem.label = "Last Item 33";
		else lastitem.label = "Item 33";
		</attribute>
	</button>
	<button label="add child in Item 4">
		<attribute name="onClick">
		Treeitem ti = new Treeitem();
		Treerow tr = new Treerow();
		new Treecell("new Child").setParent(tr);
		tr.setParent(ti);
		ti.setParent(firstchild);
		</attribute>
	</button>
	<button label="delete child">
		<attribute name="onClick">
		firstchild.lastChild.detach();
		</attribute>
	</button>
	<button label="invalidate seleted">
		<attribute name="onClick">
		Treeitem ti = tree.getSelectedItem();
		if (ti != null) {
		System.out.println(ti.label);
		ti.invalidate();
		}
		</attribute>
	</button>
	<button label="setActivePage seleted">
		<attribute name="onClick">
		Treeitem ti = tree.getSelectedItem();
		if (ti != null) {
		tree.setActivePage(ti);
		}
		</attribute>
	</button>
	<button label="setActivePage Item 20">
		<attribute name="onClick">
		tree.setActivePage(item20);
		</attribute>
	</button>
</window>