case1.zul

ZK是一个Ajax Java Web框架

<panel framable="false" width="500px" height="100%" title="Panel component"
	border="normal" collapsible="true" closable="true">
	<toolbar>
		Search:
		<bandbox id="bd" width="350px">
			<bandpopup>
				<vbox>
					<hbox>
						Search
						<textbox />
					</hbox>
					<listbox width="200px"
						onSelect="bd.value=self.selectedItem.label; bd.closeDropdown();">
						<listhead>
							<listheader label="Name" />
							<listheader label="Description" />
						</listhead>
						<listitem>
							<listcell label="John" />
							<listcell label="CEO" />
						</listitem>
						<listitem>
							<listcell label="Joe" />
							<listcell label="Engineer" />
						</listitem>
						<listitem>
							<listcell label="Mary" />
							<listcell label="Supervisor" />
						</listitem>
					</listbox>
				</vbox>
			</bandpopup>
		</bandbox>
	</toolbar>
	<panelchildren>
		<borderlayout width="100%">
	<north maxsize="300" size="50%" border="0" splittable="true" collapsible="true">
		<borderlayout>
			<west size="25%" border="none" flex="true" maxsize="250" splittable="true" 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" collapsible="true">
				<div style="background:#B8D335">
					<label value="30%"
						style="color:white;font-size:50px" />
				</div>
			</east>
		</borderlayout>
	</center>
</borderlayout>
				
	</panelchildren>
	<toolbar>
		<paging/>
	</toolbar>

	<toolbar mold="panel" align="center">
		<button label="button1" />
		<button label="button1" />
	</toolbar>
</panel>