f30-1830278.zul

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

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

<!--
F30-1830278.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Fri Nov 16 12:10:36 TST 2007, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk xmlns:h="http://www.w3.org/1999/xhtml" xmlns:n="http://www.zkoss.org/2005/zk/native">
<h:h3> [ 1830278 ] HeaderElement with children</h:h3>
	<n:ol>
		<n:li>You should see auxhader and column header can contain many other zk components.</n:li>
		<n:li>The component behavior in header should works correctly.</n:li>
	</n:ol>
<borderlayout>
	<west size="33%" splittable="true">
		<listbox width="400px">
			<auxhead>
				<auxheader colspan="2">
					<label id="span">ss</label>
					<textbox onChange='span.value = self.value' />
					<datebox />
					ssss
				</auxheader>
			</auxhead>
			<listhead sizable="true">
				<listheader sort="auto">
					<toolbarbutton label="toobarbutton" onClick='alert(self.label)'/>
					<menubar>
						<menu label="File">
							<menupopup>
								<menuitem label="New"
									onClick="alert(self.label)" />
								<menuitem label="Open"
									onClick="alert(self.label)" />
								<menuitem label="Save"
									onClick="alert(self.label)" />
								<menuseparator />
								<menuitem label="Exit"
									onClick="alert(self.label)" />
							</menupopup>
						</menu>
						<menu label="Help">
							<menupopup>
								<menuitem label="Index"
									onClick="alert(self.label)" />
								<menu label="About">
									<menupopup>
										<menuitem label="About ZK"
											onClick="alert(self.label)" />
										<menuitem label="About Potix"
											onClick="alert(self.label)" />
									</menupopup>
								</menu>
							</menupopup>
						</menu>
					</menubar>
					<button label="lable" onClick='alert("button")' />
					<datebox />
				</listheader>
				<listheader>
					<listbox rows="1" mold="select">
						<listitem label="option1" />
						<listitem label="option2" />
						<listitem label="option3" />
					</listbox>
				</listheader>
			</listhead>
			<listitem>
				<listcell label="Mary" />
				<listcell label="FEMALE" />
			</listitem>
			<listitem>
				<listcell label="John" />
				<listcell label="MALE" />
			</listitem>
			<listitem>
				<listcell label="Jane" />
				<listcell label="FEMALE" />
			</listitem>
			<listitem>
				<listcell label="Henry" />
				<listcell label="MALE" />
			</listitem>
		</listbox>
	</west>
	<center>
		<grid>
			<columns sizable="true">
				<column width="250px" label="Type">
					<menubar>
						<menu label="File">
							<menupopup>
								<menuitem label="New"
									onClick="alert(self.label)" />
								<menuitem label="Open"
									onClick="alert(self.label)" />
								<menuitem label="Save"
									onClick="alert(self.label)" />
								<menuseparator />
								<menuitem label="Exit"
									onClick="alert(self.label)" />
							</menupopup>
						</menu>
						<menu label="Help">
							<menupopup>
								<menuitem label="Index"
									onClick="alert(self.label)" />
								<menu label="About">
									<menupopup>
										<menuitem label="About ZK"
											onClick="alert(self.label)" />
										<menuitem label="About Potix"
											onClick="alert(self.label)" />
									</menupopup>
								</menu>
							</menupopup>
						</menu>
					</menubar>
					<button label="lable" onClick='alert("button")' />
					<datebox />
				</column>
				<column label="Content">
					<listbox rows="1" mold="select">
						<listitem label="option1" />
						<listitem label="option2" />
						<listitem label="option3" />
					</listbox>
				</column>
			</columns>
			<rows>
				<row>
					<label value="File:" />
					<textbox width="99%" />
				</row>
				<row>
					<label value="Type:" />
					<hbox>
						<listbox rows="1" mold="select">
							<listitem label="Java Files,(*.java)" />
							<listitem label="All Files,(*.*)" />
						</listbox>
						<button label="Browse..." />
					</hbox>
				</row>
				<row>
					<label value="Options:" />
					<textbox rows="3" width="99%" />
				</row>
			</rows>
		</grid>

	</center>
	<east size="30%" splittable="true">
		<tree id="tree" width="90%" rows="5">
			<treecols sizable="true">
				<treecol label="Name">
					<menubar>
						<menu label="File">
							<menupopup>
								<menuitem label="New"
									onClick="alert(self.label)" />
								<menuitem label="Open"
									onClick="alert(self.label)" />
								<menuitem label="Save"
									onClick="alert(self.label)" />
								<menuseparator />
								<menuitem label="Exit"
									onClick="alert(self.label)" />
							</menupopup>
						</menu>
						<menu label="Help">
							<menupopup>
								<menuitem label="Index"
									onClick="alert(self.label)" />
								<menu label="About">
									<menupopup>
										<menuitem label="About ZK"
											onClick="alert(self.label)" />
										<menuitem label="About Potix"
											onClick="alert(self.label)" />
									</menupopup>
								</menu>
							</menupopup>
						</menu>
					</menubar>
					<button label="lable" onClick='alert("button")' />
					<datebox />
				</treecol>
				<treecol width="100px" label="Description" />
			</treecols>
			<treechildren>
				<treeitem>
					<treerow>
						<treecell 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 2.1" />
							</treerow>
							<treechildren>
								<treeitem>
									<treerow>
										<treecell label="Item 2.1.1" />
									</treerow>
								</treeitem>
								<treeitem>
									<treerow>
										<treecell label="Item 2.1.2" />
									</treerow>
								</treeitem>
							</treechildren>
						</treeitem>
						<treeitem>
							<treerow>
								<treecell label="Item 2.2" />
								<treecell
									label="Item 2.2 is something who cares" />
							</treerow>
						</treeitem>
					</treechildren>
				</treeitem>
				<treeitem label="Item 3" />
			</treechildren>
		</tree>
	</east>
</borderlayout>
</zk>