f30-1904532.zul

ZK是一个Ajax Java Web框架

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

<!--
F30-1904532.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Fri Feb 29 19:57:52 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
<n:h2>[ 1904532 ] Grid/Listbox/Tree support the fixed layout concept</n:h2>
	<n:ol>
		<n:li>the listbox is expanded with scroll bar</n:li>
		<n:li>click fixedlayout, your will see the width being fixed and no scrollbar</n:li>
	</n:ol>
<listbox id="listbox" width="240px" fixedLayout="false" >
	<listhead sizable="true">
		<listheader width="80px" label="name" sort="auto" />
		<listheader width="80px" label="gender" sort="auto" />
		<listheader width="80px" label="gender" sort="auto" />
	</listhead>
	<listitem >
		<listcell label="MaryLonggggggggggggggggggggggggggggggggggggggggggggggg" />
		<listcell label="FEMALE" />
		<listcell label="FEMALE1" />
	</listitem>
	<listitem>
		<listcell label="John" />
		<listcell label="MALE" />
		<listcell label="MALE1" />
	</listitem>
	<listitem visible="false">
		<listcell label="Jane" />
		<listcell label="FEMALE" />
		<listcell label="FEMALE1" />
	</listitem>
	<listitem>
		<listcell label="Henry" />
		<listcell label="MALE" />
		<listcell label="MALE1" />
	</listitem>
	<listfoot>
		<listfooter>TEST</listfooter>
		<listfooter>TEST</listfooter>
		<listfooter>TESTsssssssssssssssssssssssss</listfooter>
	</listfoot>
</listbox>
<button label="FixedLayout : false" onClick='listbox.fixedLayout = !listbox.fixedLayout; self.label = "FixedLayout : " + listbox.fixedLayout; listbox.invalidate();'/>
</zk>