我们在使用easyui开发后台管理系统时,常常easyui tree和tab会结合使用。通常情况下,点击同一级的某个按钮弹出新的tab。
实现如下:
//这是前台按钮 ↓
<a href="javascript:void(0)" onclick="addpage()" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
//这是脚本 ↓
function addpage(){
var jq = top.jQuery;
//# tabsId 指的是 父级页面 tab 的 id 务必修改
if (jq("#tabsId").tabs('exists', '新增')){
jq("#tabsId").tabs('select','新增');
} else {
var content = '<iframe scrolling="auto" frameborder="0" src= '`所要跳转的路径'` style="width:100%;height:100%;"></iframe>';
jq("#tabsId").tabs('add',{
title:'新增',
content:content,
closable:true
});
}
}