以下是easyUI的tabs的简单实用介绍。
var e =$('#main').tabs('exists','accordion');
if(e==true){
$('#main').tabs('select','accordion');
return ;
}
$('#main').tabs('add',{
title:'accordion',
href:'accordion.html',
closable:true
});
功能是第一次点击打开tab页就打开一个tab页，当没关闭这个tab页，又去另外一个tab页操作，再回来刚才的tab页后就不用打开另外一个和刚才一样的tab页，而是同一个tab页。
如果把href后面的换成asp动态页面
var e =$('#main').tabs('exists','goodInfo');
if(e==true){
$('#main').tabs('select','goodInfo');
return ;
}
$('#main').tabs('add',{
title:'goodInfo',
href:'${ctx}/goods/index.asp',
closable:true
});
问题就来了，第一次打开一个tab页没错，但是第二次点击打开另外一个的时候就出错了。
解决方法就是不用href了，换成用content属性，呵呵，tabs还是有很多属性的，这个不行换一个试试。
var url="${ctx}/goods/good_list2.jsp";
var content = ' '
src="'+url+'" style="width:100%;height:100%;">';
if(!$('#main').tabs('exists','goodInfo')){
$('#main').tabs('add',{
title:'goodInfo',
content:content,
//href:'${ctx}/goods/index.asp',
closable:true
});
}else{
$('#main').tabs('select','goodInfo');
}
