ZK(7.0.1)将zul页面引入作为组件标签的简单示例

最新推荐文章于 2018-06-12 15:56:00 发布

huey2672

最新推荐文章于 2018-06-12 15:56:00 发布

阅读量2.4k

点赞数 1

分类专栏： Java/ZK 文章标签： ZK

本文链接：https://blog.csdn.net/huey2672/article/details/40650627

版权

Java/ZK 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1. 作为组件标签的zul页面：

panel1.zul

<?page title="Panel1" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Panel1" border="normal" width="570px">
	Panel 1
</window>
</zk>

panel2.zul

<?page title="Panel2" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Panel2" border="normal" width="570px">
	Panel 2
</window>
</zk>

panel3.zul

<?page title="Panel3" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Panel3" border="normal" width="570px">
	Panel 3
</window>
</zk>

2. 主页面：

<?page title="Auto Generated index.zul"?>

<!-- 将zul页面引入作为组件标签 -->
<?component name="panel1" macroURI="panel1.zul" ?>
<?component name="panel2" macroURI="panel2.zul" ?>
<?component name="panel3" macroURI="panel3.zul" ?>

<zk>
<window title="Hello World!!" border="normal" width="600px">
	<tabbox id="tabbox">
		<tabs>
			<tab>Panel-1</tab>
			<tab>Panel-2</tab>
			<tab>Panel-3</tab>
		</tabs>
		<tabpanels>
			<tabpanel>
				<div vflex="1">
					<!-- 引入新的标签 -->
					<panel1 id="panel1"/>
				</div>
			</tabpanel>
			<tabpanel>
				<div vflex="1">
					<panel2 id="panel2"/>
				</div>
			</tabpanel>
			<tabpanel>
				<div vflex="1">
					<panel3 id="panel3"/>
				</div>
			</tabpanel>
		</tabpanels>
	</tabbox>
</window>
</zk>