5.easyui+ztree案例：选项卡布局

最新推荐文章于 2020-06-30 11:10:54 发布

Mr羽墨青衫

最新推荐文章于 2020-06-30 11:10:54 发布

阅读量2k

点赞数 2

分类专栏： jQuery 文章标签： easyui jquery

本文链接：https://blog.csdn.net/xzm_rainbow/article/details/16859979

版权

本文介绍了如何使用EasyUI的tabs控件在西部区域的菜单点击后，在中部区域实现选项卡布局。内容展示中存在选项卡未完全填充容器的问题，通过设置fit属性解决了这一问题，使选项卡能占满整个容器。接着，通过添加close属性实现了选项卡的可关闭功能，并展示了添加图标到选项卡的方法，通过iconCls属性指定CSS类名完成图标显示。

摘要由CSDN通过智能技术生成

点击左面的西部区域中的菜单，在右面的中部区域中新打开一个选项卡。

是中部区域的选项卡布局。

使用的是tabs控件。

	<div data-options="region:'center',title:'中部区域'">
		<!-- 定义一个div,表示一个选项卡布局 -->
		<div class="easyui-tabs">
			<!-- 里面的每一个div就是一个选项卡，让其可选，需要一个title -->
			<div data-options="title:'选项卡1'">内容1</div>
			<div data-options="title:'选项卡2'">内容2</div>
			<div data-options="title:'选项卡3'">内容3</div>
		</div>
	</div>

当前效果&