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 相关文章推荐
很好用的js日历算法详细代码
Mar 07 Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
WebPack基础知识详解
Jan 16 Javascript
原生js实现电商侧边导航效果
Jan 19 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
CountUp.js数字滚动插件使用方法详解
Oct 17 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
浅谈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
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
js apply/call/caller/callee/bind使用方法与区别分析
2009/10/28 Javascript
解决jquery的datepicker的本地化以及Today问题
2012/05/23 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue项目中添加单元测试的方法
2018/07/21 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
小程序云开发部署攻略(图文教程)
2018/10/30 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
jQuery选择器之层次选择器用法实例分析
2019/02/19 jQuery
nuxt 路由、过渡特效、中间件的实现代码
2020/11/06 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python去除字符串两端空格的方法
2015/05/21 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
Python File(文件) 方法整理
2019/02/18 Python
Django模板语言 Tags使用详解
2019/09/09 Python
TENSORFLOW变量作用域(VARIABLE SCOPE)
2020/01/10 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
通过自学python能找到工作吗
2020/06/21 Python
python数据抓取3种方法总结
2021/02/07 Python
2014庆六一活动方案
2014/03/02 职场文书
班级口号大全
2014/06/09 职场文书
2014教师研修学习体会
2014/07/08 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
单位租房协议范本
2014/12/03 职场文书
委托公证书样本
2015/01/23 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技
Linux中文件的基本属性介绍
2022/06/01 Servers