z30-listbox-0009.zul

ZK是一个Ajax Java Web框架

<?xml version="1.0" encoding="UTF-8"?>
<window width="100%">
The complex listbox should show properly.
<listbox width="500px" id="w_list_listbox" multiple="true" checkmark="true">
	<listhead id="w_tr_listhead" >
		<listheader label="account" width="25%" /> 
		<listheader label="name" width="25%" /> 
		<listheader label="email" width="25%" /> 
		<listheader label="edit" /> 
	</listhead>
	<listitem> 
		<listcell label="davidwu" /> 
		<listcell label="David Wu"/> 
		<listcell>
		<label value="[e-mail]" onClick="callMe();"/> 
		</listcell>
		<listcell > 
		<image src="/img/coffee.gif" onClick="callMe();" /> 
		</listcell> 
	</listitem> 
	<listitem> 
		<listcell label="davidwu" /> 
		<listcell label="David Wu"/> 
		<listcell>
		<label value="[e-mail]" onClick="callMe();"/> 
		</listcell>
		<listcell> 
		<image src="/img/coffee.gif" onClick="callMe();" /> 
		</listcell> 
	</listitem>
</listbox> 
<zscript> void callMe() { alert("AA"); } </zscript> 


	<listbox width="250px" rows="3">
		<listhead sizable="true">
			<listheader label="name" sort="auto"/>
			<listheader label="gender" sort="auto"/>
		</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>
		<listitem>
			<listcell label="Ian"/>
			<listcell label="MALE"/>
		</listitem>
		<listitem>
			<listcell label="Dennis"/>
			<listcell label="MALE"/>
		</listitem>
		<listitem>
			<listcell label="Jumper"/>
			<listcell label="MALE"/>
		</listitem>
	</listbox>
	

	<listbox id="box" width="700px" multiple="true" rows="4" checkmark="true">
		<listhead>
			<listheader label="Name" image="/img/coffee.gif"/>
			<listheader label="Gender" image="/img/folder.gif"/>
			<listheader label="AgeOf"  image="/img/cubfirs.gif"/>
			<listheader label="Description" 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>			

</window>