z30-grid-0006.zul

ZK是一个Ajax Java Web框架

<?xml version="1.0" encoding="UTF-8"?>
<!--
ZK30-grid005-02.zul

{{IS_NOTE
	Purpose:
		normal test of grid.
	Description:
		
	History:
		Create by Dennis
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="the odd row's color shall be yellow (controlled by the style component).	test sorting">
	<style>
	tr.odd td.gc {
		background: yellow;
	}
	</style>
	<zscript>
	class Comp implements Comparator {
		private boolean _asc;
		public Comp(boolean asc) {
			_asc = asc;
		}
		public int compare(Object o1, Object o2) {
			String s1 = o1.getChildren().get(0).getValue(),
				s2 = o2.getChildren().get(0).getValue();
			int v = s1.compareTo(s2);
			return _asc ? v: -v;
		}
	}
	Comp asc = new Comp(true), dsc = new Comp(false);
	</zscript>
	<grid id="grid" width="500px" height="100px">
		<columns sizable="true">
			<column id="col" label="Order"  sortAscending="${asc}" sortDescending="${dsc}"/>
			<column label="Head 1"/>
			<column label="Head 2" align="center"/>
			<column label="Head 3" align="right"/>
		</columns>
		<rows>
			<row>
				Orange
				<listbox mold="select">
					<listitem label="AB"/>
					<listitem label="CD"/>
				</listbox>
				<datebox/>
				<textbox rows="3"/>
			</row>
			<row>
				Apple
				<label value="A11"/>
				<label value="A12"/>
				<label value="A13"/>
			</row>
			<row>
				Lemon
				<checkbox checked="true" label="Option 1"/>
				<checkbox label="Option 2"/>
				<radiogroup>
					<radio label="Apple"/>
					<radio label="Orange" checked="true"/>
					<radio label="Lemon"/>
				</radiogroup>
			</row>
			<row>
				Tomato
				<checkbox checked="true" label="Option 1"/>
				<checkbox label="Option 2"/>
				<radiogroup orient="vertical">
					<radio label="Apple"/>
					<radio label="Orange" checked="true"/>
					<radio label="Lemon"/>
				</radiogroup>
			</row>
		</rows>
	</grid>
	<button label="Change width" onClick="changeWidth()"/>
	<button label="Add row" onClick="addRow()"/>
	<button label="Insert row" onClick="insRow()"/>
	<zscript>
	void changeWidth() {
		col.setWidth("200px");
	}
	void addRow() {
		Row r = new Row();
		new Label("A31").setParent(r);
		new Label("A32").setParent(r);
		grid.getRows().appendChild(r);
	}
	void insRow() {
		Row r = new Row();
		new Label("Ins1").setParent(r);
		new Label("Ins2").setParent(r);
		grid.getRows().insertBefore(r, grid.getRows().getChildren().get(0));
	}
	addRow();
	</zscript>
</window>