index.zul

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

<?xml version="1.0" encoding="UTF-8"?>
<?page id="userGuide" title="ZK Live Demo"?>

<!--
index.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Tue Oct  4 11:31:13     2005, Created by henrichen
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<zk>
<style src="~./zul/css/normex**.css.dsp"/>
<window id="root" use="org.zkoss.zkdemo.userguide.MainWindow" xmlns:h="http://www.w3.org/1999/xhtml">

	<!-- The following script is generated because we want to demo Google Maps later -->
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=${desktopScope.gmapsKey}"
		type="text/javascript" unless="${empty desktopScope.gmapsKey}"/>

	<hbox>
	<window id="treelist">
		<tree id="toc" use="org.zkoss.zkdemo.userguide.TocTree" vflex="true" width="320px">
			<treecols>
				<treecol image="/img/home.gif" label="ZK ${desktop.webApp.version} Live Demo"
				onClick="Executions.sendRedirect(&quot;http://www.zkoss.org&quot;)"/>
			</treecols>
			<treechildren>
				<treeitem label="Simple Elements" value="/userguide/simple/index.zul">
					<treechildren>
						<treeitem id="s1" label="First Window: Hello World" value="/userguide/simple/hello.zul"/>
						<treeitem id="s2" label="Overlapped and popup windows" value="/userguide/simple/overlap.zul"/>
						<treeitem id="s3" label="Labels and images" value="/userguide/simple/label.zul"/>
						<treeitem id="s4" label="Input" value="/userguide/simple/input.zul"/>
						<treeitem id="s6" label="The onChanging event" value="/userguide/simple/onChanging.zul"/>
						<treeitem id="s7" label="Radio and Checkboxes" value="/userguide/simple/radiocheckbox.zul"/>
						<treeitem id="s9" label="Comboboxes" value="/userguide/simple/combobox.zul"/>
						<treeitem id="s10" label="Bandboxes" value="/userguide/simple/bandbox.zul"/>
						<treeitem id="s11" label="Sliders" value="/userguide/simple/slider.zul"/>
						<treeitem id="s12" label="The onScrolling event" value="/userguide/simple/onScrolling.zul"
							unless="${desktop.execution.serverName == &quot;www.zkoss.org&quot; or desktop.execution.serverName == &quot;www.potix.com&quot;}"/>
					</treechildren>
				</treeitem>
				<treeitem label="Modal Dialogs" value="/userguide/modal/index.zul">
					<treechildren>
						<treeitem id="m1" label="Messagebox" value="/userguide/modal/messagebox.zul"/>
						<treeitem id="m2" label="Fileupload" value="/userguide/modal/fileupload.zul"/>
						<treeitem id="m3" label="Modal dialog" value="/userguide/modal/modalDialog.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Layout Elements" value="/userguide/layout/index.zul">
					<treechildren>
						<treeitem id="l1" label="The box model" value="/userguide/layout/box.zul"/>
						<treeitem id="lsplt" label="Splitters" value="/userguide/layout/splitter.zul"/>
						<treeitem id="l2" label="Tabboxes" value="/userguide/layout/tabbox.zul"/>
						<treeitem id="l3" label="More tabboxes" value="/userguide/layout/moreTabbox.zul"/>
						<treeitem id="l4" label="Groupbox" value="/userguide/layout/groupbox.zul"/>
						<treeitem id="l5" label="More groupboxes" value="/userguide/layout/moreGroupbox.zul"/>
						<treeitem id="l6" label="Grids" value="/userguide/layout/grid.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Toolbar and Menus" value="/userguide/toolbar/index.zul">
					<treechildren>
						<treeitem id="t1" label="Toolbar and Toolbarbutton" value="/userguide/toolbar/toolbarbutton.zul"/>
						<treeitem id="t2" label="Menu" value="/userguide/toolbar/menu.zul"/>
						<treeitem id="t3" label="More Menu Features" value="/userguide/toolbar/moreMenu.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Listboxes" value="/userguide/listbox/index.zul">
					<treechildren>
						<treeitem id="lb1" label="Listboxes" value="/userguide/listbox/listbox.zul"/>
						<treeitem id="lb2" label="Live data" value="/userguide/listbox/livedata.zul"/>
						<treeitem id="lb3" label="Multiple selections" value="/userguide/listbox/multiple.zul"/>
						<treeitem id="lb4" label="Checkmarks" value="/userguide/listbox/checkmarks.zul"/>
						<treeitem id="lb5" label="Paging" value="/userguide/listbox/paging.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Trees" value="/userguide/tree/index.zul">
					<treechildren>
						<treeitem id="tr1" label="Trees" value="/userguide/tree/tree.zul"/>
						<treeitem id="tr2" label="Multiple selections" value="/userguide/tree/multiple.zul"/>
						<treeitem id="tr3" label="Checkmarks" value="/userguide/tree/checkmarks.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Miscellaneous elements" value="/userguide/misc/index.zul">
					<treechildren>
						<treeitem id="mi0" label="Drag and Drop" value="/userguide/misc/dragdrop.zul"/>
						<treeitem id="mimacro" label="Macro Components" value="/userguide/misc/macro.zul"/>
						<treeitem id="mictxmnu" label="Context Menus" value="/userguide/misc/ctxmnu.zul"/>
						<treeitem id="mitooltip" label="Tooltips and Popups" value="/userguide/misc/tooltip.zul"/>
						<treeitem id="michart" label="Chart" value="/userguide/misc/chart.zul"/>
						<treeitem id="mi1" label="Timer" value="/userguide/misc/timer.zul"/>
						<treeitem id="miaudio" label="Audio" value="/userguide/misc/audio.zul"/>
						<treeitem id="mimorebtn" label="More button features" value="/userguide/misc/moreButton.zul"/>
						<treeitem id="mi2" label="Include" value="/userguide/misc/include.zul"/>
						<treeitem id="mi3" label="Iframe" value="/userguide/misc/iframe.zul"/>
						<treeitem id="mi4" label="More iframe" value="/userguide/misc/moreIframe.zul"/>
						<treeitem id="mi5" label="Embedded HTML elements" value="/userguide/misc/embedHtml.zul"/>
						<treeitem id="mi6" label="Mixed with HTML elements" value="/userguide/misc/mixHtml.zul"/>
						<treeitem id="mi7" label="Style sheets" value="/userguide/misc/styleSheet.zul"/>
						<treeitem id="mi8" label="Localization" value="/userguide/misc/localization.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Database connection" value="/userguide/dbconnect/index.zul">
					<treechildren>
						<treeitem id="d1" label="JDBC" value="/userguide/dbconnect/jdbc.zul"/>
						<treeitem id="d2" label="Hibernate" value="/userguide/dbconnect/hibernate.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="Events and Scripts" value="/userguide/event/index.zul">
					<treechildren>
						<treeitem id="e1" label="Scripts" value="/userguide/event/zscript.zul"/>
						<treeitem id="e2" label="Event listener" value="/userguide/event/listener.zul"/>
						<treeitem id="e3" label="onOK, onCancel and onCtrlKey" value="/userguide/event/onOK.zul"/>
						<treeitem id="e4" label="More event listener" value="/userguide/event/moreListener.zul"/>
						<treeitem id="e5" label="Focus" value="/userguide/event/focus.zul"/>
						<treeitem id="e6" label="Client side action" value="/userguide/event/action.zul"/>
					</treechildren>
				</treeitem>
				<treeitem label="ZK.forge" value="/userguide/zkforge/index.zul">
					<treechildren>
						<treeitem id="zf1" label="FCKeditor" value="/userguide/zkforge/fckeditor.zul"/>
						<treeitem id="zf2" label="Dojo Fisheye List" value="/userguide/zkforge/fisheyelist.zul"/>
						<treeitem id="zf3" label="Google Maps" value="/userguide/zkforge/gmaps.zul"/>
					</treechildren>
				</treeitem>
			</treechildren>
		</tree>
	</window>
	<window id="contents" border="normal" width="99%">
		<include id="xcontents" src="${requestScope.contentSrc}"/><!-- prepared by TocTree -->
	</window>
	</hbox>
<h:script type="text/javascript"><![CDATA[
if (!zk.https()) {
	_urchin = function() {
		try {
			_uacct = "UA-121377-3";
			urchinTracker();
		} catch (e) {}
	};
	setTimeout('zk.loadJS("http://www.google-analytics.com/urchin.js", _urchin)', 5000);
}
]]></h:script>
</window>
</zk>