jQuery EasyUI 选项卡面板tabs使用实例精讲

1、对选项卡面板区域 div 设置 class=”easyui-tabs”
2、对选项卡面板区域添加多个 div，每个 div 就是一个选项卡（每个面板一定设置 title）
3、设置面板 fit 为 true ，自适应父容器大小
4、设置选项卡 closable 为 true ，添加可关闭按钮
5、通过超链接，点击后，添加新的选项卡
语法：页面对象.easyui 插件(方法名, 参数) ;

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>easyui-选项卡面板tabs的使用</title><!-- 导入jquery核心类库 --><script type="text/javascript" src="../js/jquery-1.8.3.js"></script><!-- 导入easyui类库 --><link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css"><link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="../css/default.css"><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script><script type="text/javascript">//页面加载后执行$(function(){//对链接绑定点击事件$("#nwtxxb").click(function(){//添加一个新的选项卡$("#mytabs").tabs('add',{title:'CSDN博客',content:'学IT，你我他学习吧'});});});</script></head><body class="easyui-layout"><div data-options="region:'north',title:'你我他学习吧-学习Java的好博客！'" style="height:100px"></div><div data-options="region:'west',title:'菜单导航'" style="width:200px"><!--折叠面板--><div class="easyui-accordion" data-options="fit:true"><div data-options="title:'基础菜单'"><a href="javascript:void(0)" id="nwtxxb">你我他学习吧</a></div><div data-options="title:'系统菜单'">你我他学习吧</div></div></div><div data-options="region:'center',title:'中部区域'"><!--选项卡面板--><div id="mytabs" class="easyui-tabs" data-options="fit:true"><div data-options="title:'CSDN博客',closable:true">学Java后台编程，就来你我他学习吧！</div><div data-options="title:'博客园',closable:true">学前端开发，就来你我他学习吧！</div></div></div><div data-options="region:'east',title:'东部区域'" style="width:100px"></div><div data-options="region:'south',title:'南部区域'" style="height:100px"></div></body>
</html>

jQuery EasyUI 选项卡面板tabs使用实例精讲相关推荐

触发器实例精讲-志在必得
SQL触发器实例精讲,必看必会定义: 何为触发器?在SQL Server里面也就是对某一个表的一定的操作,触发某种条件,从而执行的一段程序.触发器是一个特殊的存储过程. 常见的触发器有 ...
《Oracle PL/SQL实例精讲》学习笔记1——数据准备
前言: 古人言,"业精于勤荒于嬉,行成于思毁于随".对于自己所从事的工作,若使理论知识和实践经验相辅相成,则可使自己的业务能力日益增长,事半功倍.反之,亦然. 前几天,接到一个需求 ...
经典好书：DSP嵌入式常用模块与综合系统设计实例精讲
书名:DSP嵌入式常用模块与综合系统设计实例精讲作者:刘向宇副书名:DSP嵌入式常用模块与综合系统设计实例精讲出版日期:2009-07-01 出版社:电子工业出版社页数:406 ISBN:97 ...
UG NX 8.5有限元分析入门与实例精讲（PPT、视频、模型）
<UG NX 8.5有限元分析入门与实例精讲>介绍了在典型工程实例中采用有限元进行分析的解题思路.操作步骤和经验技巧,内容包括零件和组件的有限元分析.轴对称和对称约束分析.多载荷条件静力学 ...
视频教程-C++游戏编程实例精讲--3D射击游戏作弊-C/C++
C++游戏编程实例精讲--3D射击游戏作弊 80后,游戏作弊工程师,从事C++开发14年,擅长语言:C,C++ 领域:服务器开发,精通MFC,STL,Boost,熟悉TCP/IP协议,熟练运用IOCP ...
jQuery EasyUI 折叠面板accordion的使用实例
1.对折叠面板区域 div 设置 class="easyui-accordion" 2.在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性 ...
jQuery EasyUI布局容器layout实例精讲
这个布局容器,有五个区域:北.南.东.西和中心. 他中心地区面板是必需的,但是边缘地区面板是可选的.每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建 ...
jQuery easyUI--tabs选项卡面板
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>tab ...
jQuery easyui刷新当前tabs
更新特定的选项卡面板可使用update方法,param参数包含2个属性: tab: 将被更新的选项卡. options: 选项卡相关配置项. Example: //当前tab var current ...

jQuery EasyUI 选项卡面板tabs使用实例精讲

jQuery EasyUI 选项卡面板tabs使用实例精讲相关推荐

最新文章

热门文章