Jquery EasyUI动态生成Tab
1 function addTab(title, url) { 2 if ($('#tt').tabs('exists', title)) { 3 $('#tt').tabs('select', title); 4 } else { 5 var content = '<iframe scrolling="auto" frame src="' + url + '" ></iframe>'; 6 $('#tt').tabs('add', { 7 title: title, 8 content: content, 9 closable: true, 10 11 }); 12 } 13 }
主要代码:
通过发送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" fit="true">
<div class="easyui-layout" fit="true" >
<div >
</div>
</div>
</div>
</div>