b30-1919180.zul

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

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

<!--
B30-1919180.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed Mar 19 12:49:05 TST 2008, Created by jumperchen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
	<n:ol>
		<n:li>Click add row(end)</n:li>
		<n:li>Click setColumnWidth1</n:li> 
		<n:li>Click setColumnWidth2</n:li> 
		<n:li>Click setColumnWidth3</n:li> 
		<n:li>Do 2,3,4 again</n:li> 
	</n:ol>
	<zscript>
void addRow1(){
Row row = new Row();
row.setParent(rows);
new Label("Label x").setParent(row);
new Textbox().setParent(row);
new Datebox().setParent(row);
};

</zscript>
<vbox>
<div width="500px">
<button label="add row(end)" onClick="addRow1()"/>
<button label="setColumnWidth1" onClick='col1.setWidth("50px")'/>
<button label="setColumnWidth2" onClick='col1.setWidth("150px")'/>
<button label="setColumnWidth3" onClick='col1.setWidth("300px")'/>
</div>
<grid id="g1" width="400px">
<columns id="cols" sizable="true">
<column label="Type 50px" id="col1" align="center" width="50px"/>
<column label="Content" id="col2" align="right"/>
<column label="AA-BB" id="col3"/>
</columns>
<rows id="rows">
</rows>
</grid>
</vbox>
</zk>