EasyUI Tabs选项卡自适应浏览器宽度和高度

一、使Tabs高度和宽度自适应

    在网上查到更多的方法是一下内容:     
     $(window).resize(function () {  
         $('#tt').tabs({  
             width: $("#tt").parent().width(),  
             height: "auto"  
         });  
     })  
     $(function() {  
         $('#tt').tabs({  
             width: $("#tt").parent().width(),   
           height: "auto"  
            });  
     });  
  

二、Tabs在浏览器窗口大小变化时会默认回到第一个选项卡

        经过试验之后,这中方法确实可以使Tabs的大小自适应,但是在我的系统中,还会调用tabs的另一个方法,结果导致每次浏览器的大小变化时,tabs总会回到第一个选项卡。所以后来调整了代码,如下:
    
      $('#tt').tabs('resize',{
	     plain : false,
	     boder : false,
	     width:$(window).width(),
	     height:$(window).height()-50
      });	
    这样就可以解决了。

你可能感兴趣的:(EasyUI Tabs选项卡自适应浏览器宽度和高度)