js中Tabs插件打开的标签页过多自动关闭

2018/03/23 10:11
阅读数 13

1、 AddTab的js方法。
function addTab(ResourceID, ResourceName, Url) {

    if (Url != "" && Url != null && Url != undefined) {
        var h = jQuery("#frmContent").height();
        var frameid = 'ifr' + ResourceID;
        $("#hfIfrID").val(frameid);
        var tabs = $('#tabs');
        var opts = {
            id: ResourceID,
            title: ResourceName,
            content: '<iframe src="' + Url + '" width="100%" height="' + h + '" scrolling="no" frameborder="0" id="' + frameid + '" name="' + frameid + '" class="iframe_content"></iframe> ',
            closable: true
        };
        if (tabs.tabs('exists', opts.title)) {
            tabs.tabs('select', opts.title);
        } else {
            /***逻辑处理开始:2017-09-18 打开的Tabs标签页超过10个,就关闭打开的第一个标签页。***/            
            var tabcount = $('#tabs').tabs('tabs').length;
            if (tabcount > 10) {
                var Title = $(".tabs-title.tabs-closable").eq(0).text();
                tabs.tabs('close', Title);
            }
            /***逻辑处理结束***/
            tabs.tabs('add', opts);
        }
        $("#hfIfrID").val(frameid);
    }
}

2、说明
(1)先根据$('#tabs').tabs('tabs').length获取已经打开的标签页的个数,如果超过10则进行逻辑处理。
(2)Tabs生成的标签页的标题的格式:<span class="tabs-title tabs-closable">报废记录</span>
    所以使用jQuery获取var Title = $(".tabs-title.tabs-closable").eq(0).text();第一个标签页的标题。
(3)调用Tabs的方法进行关闭:tabs.tabs('close', Title);

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部