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

翻译 2015年11月18日 09:35:53

<jQuery EasyUI最新版下载>

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

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

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

查看演示

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

1
2
3
4
5
6
7
8
9
10
11
< 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>

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

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

相关文章推荐

jQuery EasyUI详解-EasyUI布局和标签页

EasyUI的布局非常简单,但是也能充分满足网页日常的布局,先来一个最基本的例子: ...

使用FragmeTabHost创建标签页

  • 2016年06月26日 12:12
  • 42.93MB
  • 下载

【easyui学习笔记】4.动态添加标签页

参考:EasyUI 动态添加标签页(Tabs) 1、静态添加标签页(tabs)静态添加标签页十分简单,使用class属性为easyui-tabs的div即可,可以参考easyui中文网的上一篇教程(E...

JQuery标签页

  • 2013年07月26日 10:22
  • 25KB
  • 下载

jquery实战标签页效果

  • 2015年06月10日 15:39
  • 95KB
  • 下载

jQuery EasyUI使用教程之动态添加标签

通过使用jQuery EasyUI可以非常容易的动态添加标签,你只需调用'add'方法即可。 在本教程中,我们将使用iframe动态添加标签来显示一个页面。当点击添加按钮时,一个新的标签将会被添...

Jquery 实例:标签页效果

  • 2010年07月25日 23:25
  • 314KB
  • 下载

JQuery标签页插件

  • 2013年03月27日 14:06
  • 33KB
  • 下载

jquery标签页

js: var timoutid; $(document).ready(function(){     //找到所有的标签     /*     $("li").mouseover(func...
  • sprita1
  • sprita1
  • 2012年07月18日 03:13
  • 1496
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery EasyUI使用教程之创建标签页
举报原因:
原因补充:

(最多只允许输入30个字)