z30-grid-0014.zul

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

ZUL
56
字号
<?xml version="1.0" encoding="UTF-8"?>
<!--
Z30-grid-0014.zul

{{IS_NOTE
	Purpose:
		paging test of grid, no live data.
	Description:
		
	History:
		Create by Dennis
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window>
	<grid id="grid" width="300px" mold="paging" pageSize="5">
		<columns>
			<column label="Head 1"/>
			<column label="Head 2" align="center"/>
			<column label="Head 3" align="right"/>
		</columns>
		<rows>
		</rows>
	</grid>
	<button label="add 5 children" onClick="add(5)"/>
	<button label="Change the first label" onClick="changeLabel(0)"/>
	<button label="Change the last label" onClick="changeLabel(-1)"/>
	<button label="redraw" onClick="grid.invalidate()"/>
	<button label="set page size to 10" onClick="grid.paginal.pageSize = 10"/>
	<zscript><![CDATA[
	void add(int cnt) {
		for (int j = 0; ++j <= cnt;) {
			Row r = new Row();
			String prefix = "Item " + (grid.getRows().getChildren().size() + 1);
			new Label(prefix + "-L").setParent(r);
			new Label(prefix + "-C").setParent(r);
			new Label(prefix + "-R").setParent(r);
			r.setParent(grid.getRows());
		}
	}
	void changeLabel(int j) {
		int sz = grid.getRows().getChildren().size();
		if (j < 0) j = sz - 1;
		if (j < 0 || j >= sz) {
			alert("No label to change");
		} else {
			Row r = grid.getRows().getChildren().get(j);
			r.getChildren().get(0).setValue("Updated "+j);
		}
	}
	]]></zscript>
</window>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?