tabbox.zul

非常接近C/S操作方式的Java Ajax框架－ZK 用ZK框架使你的B/S应用程序更漂亮更易操作。 官网：www.zkoss.org

<?xml version="1.0" encoding="UTF-8"?>
<?page title="ZK Tabboxes"?>

<!--
tabbox.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed May  3 12:30:30     2006, Created by tomyeh
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window>
	<tabbox id="tb" width="400" orient="vertical">
		<tabs>
			<tab label="Tab 1"/>
			<tab label="Tab 2"/>
		</tabs>
		<tabpanels>
			<tabpanel>This is panel 1
<tabbox orient="vertical">
	<tabs>
		<tab label="Tab 1-1"/>
		<tab label="Tab 1-2"/>
	</tabs>
	<tabpanels>
		<tabpanel>This is panel 1-1</tabpanel>
		<tabpanel>This is panel 1-2</tabpanel>
	</tabpanels>
</tabbox>
			</tabpanel>
			<tabpanel>This is panel 2
The second panel</tabpanel>
		</tabpanels>
	</tabbox>

	<button label="Not ${tb.orient}" onClick="toggleOrient(tb)"/>
	<button label="Not ${tb.mold}" onClick="toggleMold(tb)"/>
	<zscript>
	void toggleOrient(Tabbox tb) {
		tb.orient = tb.orient == "horizontal" ? "vertical": "horizontal";
	}
	void toggleMold(Tabbox tb) {
		tb.mold = tb.mold == "default" ? "accordion": "default";
	}
	</zscript>
</window>