使用easyUI创建Tabs标签
来源:互联网 发布:java环境的意义 编辑:程序博客网 时间:2024/05/16 18:34
@author YHC
这个教程将告诉你如何使用easyui创建一个tabs 组件,Tabs 有多个panel可以动态的添加或移除,你可以使用tabs 显示不同的实体在相同的页面.
Tabs 一次仅仅显示一个panel,每个panel都有 title,icon and close 按钮,当tabs 选中时对应的panel内容将显示.
查看 Demo
从HTML标记创建Tabs 包含一个DIV容器,和一些DIV panel.
<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>
我们创建一个tabs 组件和3个panel,第二个和第三个panel可以通过点击close按钮关闭.
下载 EasyUI 示例代码:
easyui-tabs-demo.zip
- 使用easyUI创建Tabs标签
- JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel
- EasyUI Layout实现tabs标签
- easyui tabs的使用
- EasyUI的tabs使用
- easyui-tabs使用相关
- 使用easyui创建tabs组件和动态添加
- 使用easyUI创建一个自动播放的tabs
- 使用easyui创建tabs组件和动态添加
- EasyUI基本使用(tabs)
- easyui tabs组件,关闭所有标签页
- easyui-tabs第一个标签被遮挡
- JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题
- JavaScript提高:005:ASP.NET使用easyUI TABS标签显示问题
- 关于决解EasyUI中Tabs标签页下使用百度地图API异常
- easyUI Tabs
- easyUI Tabs
- easyui-tabs
- 坐标与行数列数的对应
- ZendFramework第二章
- Objective C--装饰模式
- 会php不回缓存行吗?多重实现
- linux编程:getenv,putenv,setenv
- 使用easyUI创建Tabs标签
- 复习一下Asp.net里的缓存
- 2012年养成的一个工作习惯
- java检测网络或本地文件字符编码(解决乱码)
- UITableView实现下拉刷新的小功能
- 《通用规范汉字表》背景知识词条
- 启动另一个程序
- .net学习之路
- ffmpeg AT&T汇编转intel汇编 之(emms_c)