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的教程

基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一)

从这篇博客,我会一步步的交给大家,easyui框架最常用的一个控件datagrid,这个控件非常的好用,不仅仅是用它显示数据和删除数据。...
  • jiuqiyuliang
  • jiuqiyuliang
  • 2014年02月19日 17:36
  • 42428

UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)

UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签) 1.BaseTag(样式表和JS引入标签) 1.1. 示例 1.2. 参数        ...
  • zhangdaiscott
  • zhangdaiscott
  • 2014年05月30日 17:34
  • 6862

java整合easyui进行的增删改操作

java整合easyui进行的增删改操作
  • qzp1991
  • qzp1991
  • 2014年11月12日 10:42
  • 7135

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

EasyUI的布局非常简单,但是也能充分满足网页日常的布局,先来一个最基本的例子: ...
  • woshisangsang
  • woshisangsang
  • 2017年03月14日 09:18
  • 626

使用FragmeTabHost创建标签页

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

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

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

JQuery标签页

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

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

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

JQuery标签页插件

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

jquery实战标签页效果

  • 2015年06月10日 15:39
  • 95KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery EasyUI使用教程之创建标签页
举报原因:
原因补充:

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