b30-2056760.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 48 行

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

<!--
B30-2056760.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Mon Aug 18 12:15:41 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
	Please click the "setWidth 350" button, then the width of each column of the listbox will recalculate.
	<listbox id="listbox" width="250px">
		<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>
	</listbox>
	<button label="setWidth 350">
		<attribute name="onClick">listbox.setWidth("350px");</attribute>
	</button>
</zk>