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为对象原型prototype添加属性的两种方式
Aug 01 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
改变checkbox默认选中状态及取值的实现代码
May 26 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
Jun 13 Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 Javascript
微信小程序自定义tabBar组件开发详解
Sep 24 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 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
我的论坛源代码(三)
2006/10/09 PHP
PHP初学入门
2006/11/19 PHP
php Undefined index的问题
2009/06/01 PHP
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
php 生成Tab键或逗号分隔的CSV
2016/09/24 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
Array对象方法参考
2006/10/03 Javascript
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
2007/11/30 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
jQuery 选择同时包含两个class的元素的实现方法
2016/06/01 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
python关闭windows进程的方法
2015/04/18 Python
Python元组拆包和具名元组解析实例详解
2018/03/26 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
详解anaconda安装步骤
2020/11/23 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
智能电子应届生求职信
2013/11/10 职场文书
党支部先进事迹材料
2014/12/24 职场文书
2015年国庆节慰问信
2015/03/23 职场文书
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python