listboxgrouping.zul

ZK是一个Ajax Java Web框架

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

<!--
listboxgrouping.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue Apr 29 12:21:22 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
	<listbox id="listbox" width="250px">
		<listhead sizable="true" id="h">
			<listheader id="h1" label="name" sort="auto" />
			<listheader id="h2" label="gender" sort="auto" />
		</listhead>
		<listgroup id="gp1" open="false">
			<listcell label="Group1"/>
			<listcell label="Group2"/>
		</listgroup>
		<listitem>
			<listcell label="a Mary" />
			<listcell label="a FEMALE" />
		</listitem>
		<listitem>
			<listcell label="b Mary" />
			<listcell label="b FEMALE" />
		</listitem>
		<listitem id="li1">
			<listcell label="c Mary1" />
			<listcell label="c FEMALE1" />
		</listitem>
		<listitem>
			<listcell label="d Mary" />
			<listcell label="d FEMALE" />
		</listitem>
		<listitem>
			<listcell label="e John" />
			<listcell label="e MALE" />
		</listitem>
		<listgroup id="g2" label="Grouping 2" />
		<listitem>
			<listcell label="Jane" />
			<listcell label="FEMALE" />
		</listitem>
		<listitem>
			<listcell label="Henry" />
			<listcell label="MALE" />
		</listitem>

	</listbox>
	<vbox>
	<hbox>
		<button label="show/hide listheader 1" onClick='h1.visible = !h1.visible'/>
		<button label="show/hide listheader 2" onClick='h2.visible = !h2.visible'/>
		<button label="add listheader 3" onClick='new Listheader("Listheader3").setParent(h);'/>
		<button label="Listbox fixedLayout" onClick='listbox.fixedLayout = !listbox.fixedLayout'/>
	</hbox>
		<hbox>
	<button label="add Grouping"
		onClick='listbox.insertBefore(new Listgroup("Grouping Test.............. " + li1.index), li1)' />
	<button label="add Listitem"
		onClick='listbox.insertBefore(new Listitem("Listitem"), li1)' />
		</hbox>
		<hbox>
	<button label="show all the items" onClick='alert(listbox.itemCount + "")'/>
	<button label="show li1 Index"
		onClick='alert(li1.index + "")' />
	<button label="show all the items of group">
		<attribute name="onClick">
	import java.util.*;
		String s = "";
		for (Iterator it = listbox.getGroups().iterator(); it.hasNext();) {
			Listgroup lg = (Listgroup)it.next();
			s += " [index: " + lg.getIndex() + ", items: " + lg.getItemCount() + "] ";
		}
		alert(s);
		</attribute>
	</button>
		</hbox>
	<hbox>
	<button label="remove g2"
		onClick='g2.detach();' />
		
	<button label="remove li1.nextSibling"
		onClick='li1.nextSibling.detach();' />
	<button label="remove li1.previousSibling"
		onClick='li1.previousSibling.detach();' />
		</hbox>
	<button label="Listbox.invalidate()"
		onClick='listbox.invalidate();' />
	<button label="gp1.invalidate()"
		onClick='gp1.invalidate();' />
	</vbox>
</zk>