首页  »   jQuery

jquery easyui平添、关闭、刷新Tab页

网友分享于:2013-11-16  浏览:0次
jquery easyui添加、关闭、刷新Tab页

 

应用地址:http://chengyong.iteye.com/blog/1846455

 

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'  
});  

 

相关解决方案

最新解决方案