z35-borderlayout-002.zul

ZK是一个Ajax Java Web框架

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

<!--
F35-2041292.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Thu Aug  7 16:40:54 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
	Please test each collapse/expand button works well. 
	<borderlayout height="500px">
		<north maxsize="300" size="50%" border="0" splittable="true"
			title="North" collapsible="true">
			<borderlayout>
				<west id="west" size="25%" border="none" flex="true" maxsize="250"
					splittable="true" title="West" collapsible="true">
					<div style="background:#B8D335">
						<label value="25%"
							style="color:white;font-size:50px" />
					</div>
				</west>
				<center border="none" flex="true">
					<div style="background:#E6D92C">
						<label value="25%"
							style="color:white;font-size:50px" />
					</div>
				</center>
				<east size="50%" border="none" flex="true">
					<label value="Here is a non-border"
						style="color:gray;font-size:30px" />
				</east>
			</borderlayout>
		</north>
		<center border="0">
			<borderlayout>
				<west maxsize="600" size="30%" flex="true" border="0"
					splittable="true">
					<div style="background:#E6D92C">
						<label value="30%"
							style="color:white;font-size:50px" />
					</div>
				</west>
				<center>
					<label value="Here is a border"
						style="color:gray;font-size:30px" />
				</center>
				<east size="30%" flex="true" border="0" title="East"
					collapsible="true" id="east">
					<div style="background:#B8D335">
						<label value="30%"
							style="color:white;font-size:50px" />
					</div>
				</east>
			</borderlayout>
		</center>
	</borderlayout>
	<button label="add listbox">
		<attribute name="onClick">
			west.getChildren().clear();
			lb1.setParent(west);
		</attribute>		
	</button>
	<button label="remove listbox">
		<attribute name="onClick">
			west.getChildren().clear();
		</attribute>		
	</button>
	<button label="add window">
		<attribute name="onClick">
			east.getChildren().clear();
			win.setParent(east);
		</attribute>		
	</button>
	<button label="remove window">
		<attribute name="onClick">
			east.getChildren().clear();
		</attribute>		
	</button>
	<listbox width="400px" id="lb1">
							<auxhead>
								<auxheader colspan="2">
									<label id="span">ss</label>
									<textbox
										onChange='span.value = self.value' />
									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>
									<datebox />
								</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>
						<window title="Grid Demo" border="normal"
							width="360px" closable="true" id="win">
							<grid>
								<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>
							<button label="doModal"
								onClick="self.parent.doModal();" />
						</window>
</zk>