gridlive.zul

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

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

<!--
gridlive.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Thu Mar  8 14:52:22     2007, Created by tomyeh
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="Live Grid" border="normal">
	<zscript>
		String[] d1 = new String[30];
		List d2 = new LinkedList();
		for(int j=0; j &lt; d1.length + 10; ++j) {
			if (j &lt; d1.length)
				d1[j] = "option "+j;
			d2.add("alternative "+j);
		}
		ListModel model1 = new SimpleListModel(d1);
		ListModelList model2 = new ListModelList(d2);
	</zscript>

	Live:
	<grid id="g1" width="200px" height="100px" model="${model1}">
	</grid>
	<button label="change model" onClick="g1.setModel(model2)"/>

	<separator/>

	Live with header:
	<grid id="g" width="200px" height="140px" model="${model2}">
		<columns>
			<column label="options"/>
		</columns>
		<foot>
			<footer label="summary"/>
		</foot>
	</grid>
	<button label="remove 2nd" onClick="model2.remove(1)"/>
	<button label="remove 2nd and 3rd" onClick="model2.remove(1);model2.remove(1);"/>
	<button label="invalidate" onClick="g.invalidate()"/>

	<separator/>
	Live with header and paging:
	<grid width="200px" model="${model2}" mold="paging" pageSize="10">
		<columns>
			<column label="options"/>
		</columns>
		<foot>
			<footer label="summary"/>
		</foot>
	</grid>

	<separator/>

	Static:
	<grid width="200px" height="100px">
		<rows>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
			<row>ab</row>
		</rows>
	</grid>
</window>