z30-grid-0025.zul

ZK是一个Ajax Java Web框架

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

<!--
Z30-grid009.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue Mar 11 18:25:58 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
You can see the layout of grid shows properly.
		<zscript>
			List items = new org.zkoss.zkdemo.userguide.BigList(500);
			ListModel strset = new ListModelList(items);
			RowRenderer render = new RowRenderer() { 
				public void render(Row item, Object data) {
					new Label("col - " + 1).setParent(item);
					new Label("col - " +	2).setParent(item);
					new Label("col - " +3).setParent(item);
					new Label("col - " + 4).setParent(item);
					new Label("col - " +	5).setParent(item);
				}
			};
		</zscript>
		<grid id="list" width="100%" height="150px" mold="paging" model="&#36;{strset}"
			rowRenderer="${render}" pagingPosition="both">
			<columns sizable="true">
				<column label="Col 1"/>
				<column label="Col 2"/>
				<column label="Col 3"/>
				<column label="Col 4"/>
				<column label="Col 5"/>
			</columns>
		</grid>
</zk>