z30-listbox-0011.zul

ZK是一个Ajax Java Web框架

<zk>
	The complex listbox should show properly.
	<label value="Aux's rowspan in FF Win lost border"/>
	<listbox id="box" width="700px" multiple="true"  checkmark="true">
		<auxhead>
			<auxheader label="All Header" style="font-weight:bold; color:red;" align="center" colspan="4"/>
		</auxhead>
		<auxhead>
			<auxheader label="A+B" rowspan="2" colspan="2"/>
			<auxheader label="C"/>
			<auxheader label="DE" />
		</auxhead>	
		<auxhead>
			<auxheader label="A"/>
			<auxheader label="B+C+D"/>
		</auxhead>
		<auxhead>
			<auxheader label="A+B+C"  colspan="3"/>
			<auxheader label="D"/>
		</auxhead>
		<listhead  sizable="true">
			<listheader label="Name" sort="auto" width="25%" image="/img/coffee.gif"/>
			<listheader label="Gender" sort="auto" width="25%" image="/img/folder.gif"/>
			<listheader label="Age" sort="auto" width="25%" align="center" image="/img/cubfirs.gif"/>
			<listheader label="Description" width="25%" sort="auto" image="/img/home.gif"/>
		</listhead>
		<listitem>
			<listcell label="Mary"/>
			<listcell label="FEMALE"/>
			<listcell label="18"/>
			<listcell label="A young lady."/>
		</listitem>
		<listitem>
			<listcell label="John"/>
			<listcell label="MALE"/>
			<listcell label="20"/>
			<listcell label="A college student."/>
		</listitem>
		<listitem>
			<listcell label="Jane"/>
			<listcell label="FEMALE"/>
			<listcell label="32"/>
			<listcell label="A remarkable artist."/>
		</listitem>
		<listitem>
			<listcell label="Henry"/>
			<listcell label="MALE"/>
			<listcell label="29"/>
			<listcell label="A graduate."/>
		</listitem>
		<listitem>
			<listcell label="Ian"/>
			<listcell label="MALE"/>
			<listcell label="27"/>
			<listcell label="Tester."/>
		</listitem>
		<listitem>
			<listcell label="Dennis"/>
			<listcell label="MALE"/>
			<listcell label="32"/>
			<listcell label="Senior Engineer."/>
		</listitem>
		<listfoot >
			<listfooter><image width="80px" height="100px" src="/img/sun.jpg"/></listfooter>
			<listfooter>
					<listbox rows="3" mold="select"  multiple="true">
						<listitem label="option1"/>
						<listitem label="option2"/>
						<listitem label="option3"/>
						<listitem label="option4"/>
						<listitem label="option5"/>
						<listitem label="option6"/>
					</listbox>	
			</listfooter>
			<listfooter><label value="This is footer3"/></listfooter>
			<listfooter><label value="This is footer4"/></listfooter>
		</listfoot>
	</listbox>

</zk>