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

最新推荐文章于 2022-12-30 09:02:46 发布

kising

最新推荐文章于 2022-12-30 09:02:46 发布

阅读量774

点赞数

分类专栏： javascript 文章标签： jquery easyui添加、关闭、刷新Tab页

本文链接：https://blog.csdn.net/kising/article/details/84418395

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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