b30-1845026.zul

ZK是一个Ajax Java Web框架

<?xml version="1.0" encoding="UTF-8"?>

<!--
B30-1845026.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Mon Dec 10 14:18:54 TST 2007, Created by jumperchen
}}IS_NOTE

Copyright (C) 2007 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
	<n:ol>
		<n:li>click on item 1</n:li>
		<n:li>in the text box enter "a"</n:li>
		<n:li>click on item 2</n:li>
	</n:ol>
	Notice that item 1's label will change to "a".
	<window id="win" title="tree demo" width="400px" border="normal">
		<tree id="tree" width="300px" height="200px" rows="5"
			onSelect="
                 tbox.detach(); 
                 tbox.setParent(win);">
			<treecols sizable="true">
				<treecol label="Name" />
				<treecol label="Description" />
			</treecols>
			<treechildren>
				<treeitem selected="true">
					<treerow draggable="x" droppable="y">
						<treecell id="item1" label="Item 1" />
					</treerow>
				</treeitem>
				<treeitem>
					<treerow draggable="x" droppable="y">
						<treecell id="item2" label="Item 2" />
					</treerow>
				</treeitem>
			</treechildren>
		</tree>
		Change label:
		<textbox id="txtbox" onChange="changeLabel()" />
		<zscript>
			tbox = win.getFellow("txtbox"); 
			void changeLabel() {
				tree.selectedItem.children.get(0).children.get(0).setLabel(tbox.value);
			}
		</zscript>
	</window>
</zk>