f30-1911773.zul

ZK是一个Ajax Java Web框架

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

<!--
F30-1911773.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue Mar 11 18:54:46 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>[ 1911773 ] Grid/Listbox support scrollbar in Paging Mold</n:h2>
	<n:ol>
		<n:li>Click set a smaller height button, and you should see the listbox is shorter and has a scroll bar</n:li>
	</n:ol>

	<window title="Live Data Demo" border="normal">
<button label="set a smaller height" onClick='list.height="150px"' />
<zscript>
List items = new org.zkoss.zkdemo.userguide.BigList(100);
ListModel strset = new ListModelList(items);
ListitemRenderer render = new ListitemRenderer() {
public void render(Listitem item, Object data) {
new Listcell("col - " + item.getIndex()).setParent(item);
new Listcell("col - " + item.getIndex()).setParent(item);
new Listcell("col - " + item.getIndex()).setParent(item);
new Listcell("col - " + item.getIndex()).setParent(item);
new Listcell("col - " + item.getIndex()).setParent(item);
}
};
</zscript>
<listbox id="list" width="100%" model="&#36;{strset}"
itemRenderer="${render}" mold="paging" pagingPosition="both" >
<listhead sizable="true">
<listheader label="Col 1" sort="auto" />
<listheader label="Col 2" sort="auto" />
<listheader label="Col 3" sort="auto" />
<listheader label="Col 4" sort="auto" />
<listheader label="Col 5" sort="auto" />
</listhead>
</listbox>
</window>
</zk>