日期:2014-05-16  浏览次数:20404 次

关于Extjs gridpanel设置autoHeight:true时,横向滚动条的问题 .

使用gridpanel时我们有时需要给设置autoHeight:true,但这时如果表格的宽度大于它的容器的宽度,多余的内容就会被隐藏而不会出现横向的滚动条,费了老大劲儿才找到了解决办法,方法就是给gridpanel的option config添加如下属性:

viewConfig : {  
  1.     layout : function() {  
  2.         if (!this.mainBody) {  
  3.             return// not rendered   
  4.         }  
  5.         var g = this.grid;  
  6.         var c = g.getGridEl();  
  7.         var csize = c.getSize(true);  
  8.         var vw = csize.width;  
  9.         if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:   
  10.             // none?   
  11.             return;  
  12.         }  
  13.         if (g.autoHeight) {  
  14.             this.el.dom.style.width = "100%";  
  15.             this.el.dom.style.overflow = "auto";  
  16.             this.el.dom.firstChild.style.overflow = "visible";  
  17.             this.el.dom.firstChild.style.cssFloat = "left";  
  18.             this.el.dom.firstChild.firstChild.style.cssFloat = "left";  
  19. <