欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

easyui选项卡tab使用技巧

easyui选项卡上面的刷新按钮实现刷新操作
面板上的选项卡是动态生成的,带有刷新小按钮和关闭小按钮,点击刷新小按钮的时候刷新当前tab面板内容。实现代码:

$('#main').tabs('add',{
				title:title,
				content:content,
				closable:true,
				tools:[{
					iconCls:'icon-mini-refresh',
					handler:function(){
						var pp = $('#main').tabs('getSelected');//选中的选项卡对象 
						var content = pp.panel('options').content;//获取面板内容  
						//console.log(tab); 
						$("#main").tabs('update',{//更新
							tab:pp,
							options:content
						})
					}
				}]
			});

————————————
关闭所有选项卡tab的方法

function removePanel(){
			$('#main ul li').each(function(index){
			  	var tab = $(".tabs-closable", this).text();
				if(tab!="首页") $("#main").tabs('close', tab);//除了标签为首页的其他全部关闭
			});

No related content found.

更多

本文固定链接: http://shanmao.me/web-system/easyui-xuan-xiang-ka-shang-mian-de-shua-xin-niu-shi-xian-shua-xin-cao-zuo | 山猫的博客

该日志由 admin 于2014年11月27日发表在 开源系统 分类下,
原创文章转载请注明: easyui选项卡tab使用技巧 | 山猫的博客