panel滚动条,Extjs grid panel自带滚动条失效的解决方法

panel滚动条,Extjs grid panel自带滚动条失效的解决方法

之前在使用EXTJS的gridPanel组件时panel滚动条，由于gridPanel中的stroe数据经常被过滤，导致gridPanel本身的滚动条总是无效的。举个例子，EXTJS gridPanel自带的滚动条有一个固定的列宽来放置滚动条panel滚动条,Extjs grid panel自带滚动条失效的解决方法，如上图所示。所以当滚动条失效时，无论你如何拖动滚动条，网格中的数据永远不会随着滚动条的移动显示相应区域的数据（也就是说，你一直看到的数据都在截图中）。其中

之前在使用EXTJS的gridPanel组件时，由于gridPanel中的stroe数据经常被过滤，导致gridPanel本身的滚动条总是失效。

举个例子，EXTJS gridPanel自带的滚动条有一个固定的列宽来放置滚动条panel滚动条,Extjs grid panel自带滚动条失效的解决方法，如上图所示。所以当滚动条失效时，无论你如何拖动滚动条，网格中的数据永远不会随着滚动条的移动显示相应区域的数据（也就是说，你一直看到的数据都在截图中）。这些记录）。

至于为什么gridpanel会失败？目前尚不清楚原因是什么。之前有人在Extjs论坛和stackoverflow上遇到过类似的问题，但是版本可能在4.1之前，Extjs开发团队说他们从4.1版本开始就修复了这个问题（不确定，希望用4.1版的童鞋来演示）。

好了，现在来说说滚动条失效的解决办法。

xtype: ‘gridpanel’,

//autoScroll:true,

滚动：假，

视图配置：{

样式：{溢出：’自动’，溢出X：’隐藏’}

}

如你所见，autoScroll 属性被禁用，scroll 设置为 false，然后 viewConfig 被设置。这里水平滚动条被禁用，只保留垂直滚动条。 OK 问题解决了，看看效果：

这时候你会发现滚动条并没有自己固有的列，而是和grid的最后一列结合在一起panel滚动条，而gridPanel自带的滚动条就这样被禁用了。

还解决了这个潜在的错误。

但这种用法最好将网格中的所有列设置为固定宽度并设置属性：

可调整大小：假

这省去了一些不必要的禁用水平滚动条的麻烦。