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" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></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" 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>

转载于:https://www.cnblogs.com/bluestream/p/4899025.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值