z30-boxsplitter-0008.zul

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

<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
	<n:p>When you choose each radio button, the textbox inside the hbox is located properly.</n:p>
	<n:p><n:strong>PACK: </n:strong>It means horizontal position.</n:p>
	<n:p><n:strong>ALIGN: </n:strong>It means vertical position.</n:p>
	<window border="normal" height="500px" width="500px">
		<hbox sclass="b" id="hb" pack="start" align="start"
			height="400px" width="100%">
			<textbox height="30px" width="30px" />
			<splitter />
			<textbox height="30px" width="30px" />
		</hbox>
		PACK:
		<radiogroup>
			<attribute name="onCheck">
				hb.setPack(self.selectedItem.label);
			</attribute>
			<radio checked="true" label="start" />
			<radio label="center" />
			<radio label="end" />
		</radiogroup>
		ALIGN:
		<radiogroup>
			<attribute name="onCheck">
				hb.setAlign(self.selectedItem.label);
			</attribute>
			<radio checked="true" label="start" />
			<radio label="center" />
			<radio label="end" />
		</radiogroup>
	</window>
</zk>