jquery easyui添加、关闭、刷新Tab页代码,Js代码库,德仔网

代码语言

代码分类

【Js】 jquery easyui添加、关闭、刷新Tab页

作者: / 发布于2017/9/14/ 656

define(function(require, exports, module) {  
    if (!window.cms)  
        window.cms = {};  
    cms = {  
        //添加新Tab页  
        addTab : function(data) {  
            var content = '<iframe scrolling="auto" frameborder="0"  src="' + data.url + '" style="width:100%;height:100%;"></iframe>';  
            if ($('#homePageTabs').tabs('exists', data.title)) {  
                // 选 中当前Tab  
                $('#homePageTabs').tabs('select', data.title);  
  
                // 重新加载已经存在的Tab内容  
                var currTab = $('#homePageTabs').tabs('getTab', data.title);  
                $('#homePageTabs').tabs('update', {tab: currTab, options: {content: content, closable: true}});  
            } else {  
                $('#homePageTabs').tabs('add', {  
                    title : data.title,  
                    content : content,  
                    closable : true  
                });  
            }  
        },  
        //关闭指定Tab  
        closeTab : function(title) {  
            if ($('#homePageTabs').tabs('exists', title)) {  
                $('#homePageTabs').tabs('close', title);  
            }  
        },  
        //刷新指定Tab的内容  
        refreshTab: function(title){  
            if ($('#homePageTabs').tabs('exists', title)){  
                var currTab = $('#homePageTabs').tabs('getTab', title),  
                    iframe = $(currTab.panel('options').content),  
                    content = '<iframe scrolling="auto" frameborder="0"  src="' + iframe.attr('src') + '" style="width:100%;height:100%;"></iframe>';  
                $('#homePageTabs').tabs('update', {tab: currTab, options: {content: content, closable: true}});  
            }  
        }  
    }  
  
});   

使用方法：
cms.addTab({  
    id : 'homePageTabs',  
    title : '更新首页',  
    url : '/homePage/intoUpdate'  
});

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label