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

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

viewConfig : {   layout : function() {   if (!this.mainBody) {   return; // not rendered   }   var g = this.grid;   var c = g.getGridEl();   var csize = c.getSize(true);   var vw = csize.width;   if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:   // none?   return;   }   if (g.autoHeight) {   this.el.dom.style.width = "100%";   this.el.dom.style.overflow = "auto";   this.el.dom.firstChild.style.overflow = "visible";   this.el.dom.firstChild.style.cssFloat = "left";   this.el.dom.firstChild.firstChild.style.cssFloat = "left";   this.el.dom.firstChild.firstChild.nextSibling.style.cssFloat = "left";   this.el.dom.firstChild.firstChild.firstChild.style.overflow = "visible";   this.el.dom.firstChild.firstChild.nextSibling.style.overflow = "visible";   } else {   this.el.setSize(csize.width, csize.height);   var hdHeight = this.mainHd.getHeight();   var vh = csize.height - (hdHeight);   this.scroller.setSize(vw, vh);   if (this.innerHd) {   this.innerHd.style.width = (vw) + 'px';   }   }   if (this.forceFit) {   if (this.lastViewWidth != vw) {   this.fitColumns(false, false);   this.lastViewWidth = vw;   }   } else {   this.autoExpand();   this.syncHeaderScroll();   }   this.onLayout(vw, vh);   }
}  本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/luwenhe/archive/2010/01/19/5213768.aspx

解决过程中遇到了好多问题，如header的背景不全，不是所有的列都能resize（已经设置了resizable:true），所以可能还有很多问题我没有发现。如果谁发现有什么问题，希望不吝赐教。

修改：

又发现了一个简单的方法比上边效果好多了，嘿嘿

viewConfig : {   layout : function() {   if (!this.mainBody) {   return; // not rendered   }   var g = this.grid;   var c = g.getGridEl();   var csize = c.getSize(true);   var vw = csize.width;   if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:   // none?   return;   }   if (g.autoHeight) {   if (this.innerHd) {   this.innerHd.style.width = (vw) + 'px';   }   } else {   this.el.setSize(csize.width, csize.height);   var hdHeight = this.mainHd.getHeight();   var vh = csize.height - (hdHeight);   this.scroller.setSize(vw, vh);   if (this.innerHd) {   this.innerHd.style.width = (vw) + 'px';   }   }   if (this.forceFit) {   if (this.lastViewWidth != vw) {   this.fitColumns(false, false);   this.lastViewWidth = vw;   }   } else {   this.autoExpand();   this.syncHeaderScroll();   }   this.onLayout(vw, vh);   }
}  本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/luwenhe/archive/2010/01/19/5213768.aspx

关于Extjs gridpanel设置autoHeight:true时，横向滚动条的问题相关推荐

只有在配置文件或 Page 指令中将 enableSessionState 设置为 true 时，才能使用会话状态。...
只有在配置文件或Page指令中将enableSessionState设置为true时,才能使用会话状态.还请确保在应用程序配置的 <configuration>\<system.we ...
setEnabled():设置成true时，相当于激活了按钮，按钮的状态不再是死的，
2 package day01;//我声明了一个包叫做day01()public class HelloWorld {//声明类(房子)public static void main(String[] ...
android auto必须连接蓝牙吗,在Android中将autoConnect设置为true时,为什么应用程序不会重新连接到BLE设备？...
我是在 Android和BLE开发的.我希望应用程序在BLE设备断开后自动重新连接到BLE设备,但是回到范围和广告中. 我使用以下代码连接到BLE设备: public void connect(fin ...
解决方案（二）— 将 http://apache.org/xml/features/disallow-doctype-decl 设置为“true”时, 不允许使用 DOCTYPE
注意:该异常发生也可以是其他XML解析器,这里以XStream为例. 使用XStream解析xml文件的时候抛出异常: : org.xml.sax.SAXParseException;将功能 &quo ...
c# 代码设置 html tr visible属性,c# – Asp：当visible设置为true时,不显示标签？
我有一个简单的Web表单,其中包含几个列表框和一个搜索按钮.单击该按钮时,它将返回一个DataSet.如果数据集包含记录,我将最初设置为false的asp:标签设置为true,但这不会发生.如果数据集 ...
RequestParam注解在required设置为true时失效
在请求参数为http://url?param时,RequestParam注解标记param为required时失败. 1.原因分析注解解析时序图为当请求中只有请求参数,没有对其赋值时,会进入下面逻 ...
微信小程序设置启动图时出现滚动条
将image设置成块级元素可解决,即: display:block 转载于:https://blog.51cto.com/13550695/2369381
element table el-table 添加横向滚动条宽度超出时横向滚动条不出现，固定表头完美方案
项目场景: 横纵内容过多时,表格横向宽度超出后,滚动条没有出现问题描述: 表格横向宽度超出后,滚动条没有出现,如下图所示原因分析: 查了一下网上其他的解决方案感觉不是特别好,f12查看了下elem ...
autoreconnect mysql true_连接数据库超时设置autoReconnect=true
mysql经典的8小时问题链自: http://blog.csdn.net/bluesnail216/article/details/15810119 参考http://www.wang1314.c ...

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

关于Extjs gridpanel设置autoHeight:true时，横向滚动条的问题相关推荐

最新文章

热门文章