首页 > Web开发 > 详细

Jquery EasyUI动态生成Tab

时间:2015-10-21 22:19:03      阅读:269      评论:0      收藏:0      [点我收藏+]
 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>

Jquery EasyUI动态生成Tab

原文:http://www.cnblogs.com/bluestream/p/4899025.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!