以下是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 = '<iframe scrolling="no" frameborder="0"'+
           'src="'+url+'" style="width:100%;height:100%;"></iframe>';
   if(!$('#main').tabs('exists','goodInfo')){
    $('#main').tabs('add',{
     title:'goodInfo',
     content:content,
     //href:'${ctx}/goods/index.asp',
     closable:true
    });
   }else{
    $('#main').tabs('select','goodInfo');
   }

05-03 23:35