`
chengyong
  • 浏览: 28814 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

jquery easyui添加、关闭、刷新Tab页,直接上代码吧!

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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics