jQuery Easyui Tabs扩展根据自定义属性打开页签
easyui是一个轻量级的后台管理系统框架，各种组件均有，使用简单方便，现在已经有免费版的License了。
1.增加扩展
<scripttype="text/javascript">
/**
*@author{kexb}easyui-tab扩展根据id切换页面
*/
$.extend($.fn.tabs.methods,{
getTabById:function(jq,id){
vartabs=$.data(jq[0],'tabs').tabs;
for(vari=0;i<tabs.length;i++){
vartab=tabs[i];
if(tab.panel('options').id==id){
returntab;
}
}
returnnull;
},
selectById:function(jq,id){
vartab;
vartabs=$.data(jq[0],'tabs').tabs;
for(vari=0;i<tabs.length;i++){
tab=tabs[i];
if(tab.panel('options').id==id){
break;
}
}
if(tab!=undefined){
varcurTabIndex=$("#tabs").tabs("getTabIndex",tab);
$('#tabs').tabs('select',curTabIndex);
}
},
existsById:function(jq,id){
returnjq.tabs('getTabById',id)!=null;
}
});
</script>
2.点击事件open方法
functionOpen(text,url,id){
vartabId=ReplaceAll(url,'/','');
varh=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
});
}
}
以上所述是小编给大家介绍的jQueryEasyuiTabs扩展根据自定义属性打开页签，希望对大家有所帮助,如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！