navigatetree.xhtml

来自「OperaMasks是一种基于J2EE的Web开发技术」· XHTML 代码 · 共 44 行

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"
	xmlns:h="http://java.sun.com/jsf/html">
	<w:page title="静态树">
		<w:head>
			<w:stylesheet src="/common/resources/examples.css" />
		</w:head>
		<layout:borderLayout fitToBody="true">
			<layout:panel region="north" header="false" height="50" border="false">
				<div class="examDesc">
				<p>本例演示静态导航树树，树的节点提供导航</p>
				</div>
			</layout:panel>
			<layout:panel region="west" width="200" title="网址" split="true">
				<w:tree id="tree" loadAllNodes="true" expandAll="true" border="false"
					style="height:100%;width:100%;">
					<w:treeNode text="网址大全">
						<w:treeNode text="搜索引擎">
							<w:treeNode text="Google" href="http://www.google.cn" hrefTarget="center"></w:treeNode>
							<w:treeNode text="百度" href="http://www.baidu.com" hrefTarget="center"></w:treeNode>
							<w:treeNode text="搜狐" href="http://www.sohu.com" hrefTarget="center"></w:treeNode>
						</w:treeNode>
						<w:treeNode text="IT社区">
							<w:treeNode text="OperaMasks" leaf="true" href="http://www.operamasks.org"
								hrefTarget="center"></w:treeNode>
							<w:treeNode text="CSDN" leaf="true" href="http://www.csdn.net" hrefTarget="center"></w:treeNode>
							<w:treeNode text="JavaEye" leaf="true" href="http://www.javaeye.com" hrefTarget="center"></w:treeNode>
						</w:treeNode>
						<w:treeNode text="娱乐">
							<w:treeNode text="QQ" leaf="true" href="http://www.qq.com" hrefTarget="center"></w:treeNode>
							<w:treeNode text="新浪" leaf="true" href="http://www.sina.com.cn" hrefTarget="center"></w:treeNode>
							<w:treeNode text="猫扑" leaf="true" href="http://www.mop.com" hrefTarget="center"></w:treeNode>
						</w:treeNode>
					</w:treeNode>
				</w:tree>
			</layout:panel>
			<layout:panel region="center" title="网站内容" style="width: 100%;height: 100%;">
				<iframe style="width: 100%; height: 100%;" name="center" frameborder="0" />
			</layout:panel>
		</layout:borderLayout>
	</w:page>
</f:view>