jQuery Easyui Tabs扩展根据自定义属性打开页签


Posted in Javascript onAugust 15, 2016

easyui是一个轻量级的后台管理系统框架,各种组件均有,使用简单方便,现在已经有免费版的License了。

1.增加扩展

<script type="text/javascript" >
/**
* @author {kexb} easyui-tab扩展根据id切换页面
*/
$.extend($.fn.tabs.methods, {
getTabById: function (jq, id) {
var tabs = $.data(jq[0], 'tabs').tabs;
for (var i = 0; i < tabs.length; i++) {
var tab = tabs[i];
if (tab.panel('options').id == id) {
return tab;
}
}
return null;
},
selectById: function (jq, id) {
var tab;
var tabs = $.data(jq[0], 'tabs').tabs;
for (var i = 0; i < tabs.length; i++) {
tab = tabs[i];
if (tab.panel('options').id == id) {
break;
}
}
if (tab != undefined) {
var curTabIndex = $("#tabs").tabs("getTabIndex", tab);
$('#tabs').tabs('select', curTabIndex);
}
},
existsById: function (jq, id) {
return jq.tabs('getTabById', id) != null;
}
});
</script>

2.点击事件open方法

function Open(text, url, id) {
var tabId = ReplaceAll(url, '/','');
var h = ComputGridHeight();
if (url == "null" || url == "" || url == "") {
return;
}
if ($("#tabs").tabs("existsById", tabId)) {
$("#tabs").tabs("selectById", tabId);
}
else
{
if (url.indexOf("?") < 0) {
url += "?_menuId=" + id;
}
else {
url += "&_menuId=" + id;
}
$('#tabs').tabs('add', {
id:tabId,
title: text,
closable: true,
content: createTabContent(url, h),
url: url
});
}
}

以上所述是小编给大家介绍的jQuery Easyui Tabs扩展根据自定义属性打开页签 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
Oct 11 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
Jun 24 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
bootstrap table插件动态加载表头
Jul 19 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 #Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 #Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 #Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 #Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 #Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 #Javascript
对js eval()函数的一些见解
Aug 15 #Javascript
You might like
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
自动设置iframe大小的jQuery代码
2013/09/11 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
深入理解React高阶组件
2017/09/28 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
vue实现购物车的监听
2020/04/20 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python实现统计代码行数的方法
2015/05/22 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Python二叉搜索树与双向链表转换算法示例
2019/03/02 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
宣传保护环境的公益广告词
2014/03/13 职场文书
静心口服夜广告词
2014/03/20 职场文书
保证书范文大全
2014/04/28 职场文书
护士2014年终工作总结
2014/11/11 职场文书
现实表现材料范文
2014/12/23 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书
小兵张嘎观后感
2015/06/03 职场文书
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android