z30-boxsplitter-0010.zul

ZK是一个Ajax Java Web框架

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

<!--
Z30-boxSplitter03.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Mon Mar 17 13:00:03     2008, Created by tomyeh
}}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:h5>1. Test each button words well </n:h5>
<hbox spacing="0" width="100%" height="300px">
	<vbox spacing="0" width="100%" height="100%" heights="200px">
		<div>
		Column 1-1: The left-top box. To know whether a splitter
		is collapsed, you can listen to the onOpen event.
		<button label="change style">
			<attribute name="onClick">
			if ("z-splitter-ver".equals(s1.getZclass()))
				s1.setZclass("z-splitter-os-ver");
			else
				s1.setZclass("z-splitter-ver");
			if ("z-splitter-hor".equals(s2.getZclass()))
				s2.setZclass("z-splitter-os-hor");
			else
				s2.setZclass("z-splitter-hor");
			</attribute>
		</button>
		</div>
		<splitter id="s1" collapse="after"/>
		<div>
		Column 1-2: You can enforce to open or collapse programming
		by calling setOpen method.
		<button label="collapse dir" onClick='s1.collapse = "before".equals(s1.collapse) ? "after": "before"'/>
		<checkbox label="collapse" checked="${s1.open}" onCheck="s1.open = !s1.open"/>
		</div>
	</vbox>
	<splitter id="s2" collapse="before"/>
	<div>
		Column 2: Whether a splitter allows users to open or collapse
		depending on the collapse attribue.
		<button label="collapse dir" onClick='s2.collapse = "before".equals(s2.collapse) ? "after": "before"'/>
		<checkbox label="collapse" checked="${s2.open}" onCheck="s2.open = !s2.open"/>
	</div>
</hbox>
</zk>