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>
相关文章推荐
- Jquery 操作 radio ,select 标签的操作
- 8个实现在线浏览PDF文件的实用jQuery插件
- jquery+javascript触发a标签的点击事件
- javascript模拟jQuery封装委托事件,兼容IE
- jquery 的ajax请求示例和注意事项
- jquery--fullPage.js
- 操作jQuery集合——串联操作
- jquery的验证语法
- 一个简单的jquery的多选下拉框
- jquery uploadify 在火狐下可以选择上传文件,却上传不了文件
- jQuery无刷新切换主题皮肤实例讲解
- jquery实现广告位循环向上滚动
- jQuery File Upload
- jQuery 选择框 Selectator
- jquery end详解
- jquery end详解
- jquery end详解
- JQuery和JavaScript中功能相似函数总结和比较
- jQuery中this与$(this)的区别
- jquery.validate 一些基本使用