您的位置:首页 > Web前端 > JQuery

Jquery EasyUI动态生成Tab

2015-10-21 20:38 651 查看
function addTab(title, url) {
if ($('#tt').tabs('exists', title)) {
$('#tt').tabs('select', title);
} else {
var content = '<iframe scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';
$('#tt').tabs('add', {
title: title,
content: content,
closable: true,

});
}
}


主要代码:
通过发送AJAX获取获取的权限信息

//获取用户权限信息
$(function () {
$.post("Ajax/ServicesHandler.ashx", {
actionName: "GetUserSysMenu"
}, function (data) {

if (data.indexOf("@") == -1) {
var obj = eval(data);
for (var i = 0; i < obj.length; i++) {
addTab(obj[i].title, obj[i].url);
}
}
else {
var obj = data.split('@');
}
});
});


主要的HTML代码

<div class="easyui-layout" fit="true">
<div data-options="region:'center',split:true" style="width: 100%; height: 100%; padding: 5px;" fit="true">
<div class="easyui-layout" fit="true" >
<div id="tt" class="easyui-tabs" style="width: 100%; height: 100%;" fit="true">
</div>
</div>
</div>
</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: