easyui是一个轻量级的后台管理系统框架,各种组件均有,使用简单方便,现在已经有免费版的License了。
1.增加扩展
/**
* @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;
}
});
2.点击事件open方法
以上所述是小编给大家介绍的jQuery Easyui Tabs扩展根据自定义属性打开页签 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程之家网站的支持!