码迷,mamicode.com
首页 > Web开发 > 详细

jQuery EasyUI使用教程之创建标签页

时间:2015-11-18 10:52:13      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

<jQuery EasyUI最新版下载>

本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。

标签一次只能显示一个面板,每个面板都有标题、图表和关闭按钮。当标签被选中之后,会显示相应面板的内容。

技术分享

查看演示

使用HTML标记创建标签,其中包括一个DIV容器和一些DIV面板。

< div class="easyui-tabs" style="width:400px;height:100px;">
< div title="First Tab" style="padding:10px;">
First Tab
< /div>
< div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
< /div>
< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
Third Tab
< /div>
< /div>

我们创建具有三个面板的一个标签组件,第二个和第三个面板可以通过点击关闭按钮关闭。

下载该EasyUI示例:easyui-tabs-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章

jQuery EasyUI使用教程之创建标签页

标签:

原文地址:http://my.oschina.net/u/2317468/blog/531842

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!