gridspans.zul

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

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

<!--
gridspans.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed Nov  8 22:40:03     2006, Created by tomyeh
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window > 
<grid>
	<columns sizable="true">
		<column label="Left" align="left"/><column label="Center" align="center"/>
		<column label="Right" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="1,2,2">
			<label value="(1,2,2)"/><label value="Item B.2"/>
			<label value="Item B.4"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,2,2">
			<label value="(,,2,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.5"/>
		</row>
		<row>
			<label value="()"/><label value="Item A.2"/>
			<label value="Item A.3"/><label value="Item A.4"/>
			<label value="Item A.5"/><label value="Item A.6"/>
		</row>
		<row spans="1,0">
			<label value="(1,0)"/><label value="Item X"/>
		</row>
	</rows>
</grid>

<separator bar="true"/>

<grid>
	<columns sizable="true">
		<column label="Left" align="left"/><column label="Center" align="center"/>
		<column label="Right" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="1,2,2">
			<label value="(1,2,2)"/><label value="Item B.2"/>
			<label value="Item B.4"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
</grid>

<separator bar="true"/>
Grid with width 350px
<grid width="350px">
	<columns sizable="true">
		<column width="30%" label="Left : width 30%" align="left"/><column label="Center" align="center"/>
		<column width="100px" label="Right : width 100px" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="2,3">
			<label value="(2,3)"/>
			<label value="Item B.5"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
</grid>

<separator bar="true"/>

Grid without width
<grid>
	<columns sizable="true">
		<column width="30%" label="Left : width 30%" align="left"/><column label="Center" align="center"/>
		<column width="100px" label="Right : width 100px" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="2,3">
			<label value="(2,3)"/>
			<label value="Item B.5"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
</grid>

<separator bar="true"/>
Grid with Footer
<grid>
	<columns sizable="true">
		<column width="30%" label="Left : width 30%" align="left"/><column label="Center" align="center"/>
		<column width="100px" label="Right : width 100px" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="2,3">
			<label value="(2,3)"/>
			<label value="Item B.5"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
	<foot>
		<footer>Left</footer>
		<footer>Center</footer>
		<footer>Right</footer>
		<footer>Column 4</footer>
		<footer>Column 5</footer>
		<footer>Column 6</footer>
	</foot>
</grid>

<separator bar="true"/>
Grid without Column

<grid>
	<rows>
		<row spans="2,3">
			<label value="(2,3)"/>
			<label value="Item B.5"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
	<foot>
		<footer width="30%">Left : width 30%</footer>
		<footer>Center</footer>
		<footer width="100px" label="Right : width 100px" />
		<footer>Column 4</footer>
		<footer>Column 5</footer>
		<footer>Column 6</footer>
	</foot>
</grid>
</window>