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>

posted @ 2015-10-21 20:38  水蓝色的梦  阅读(1197)  评论(0编辑  收藏  举报