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

编辑：rootadmin

推荐整理分享Extjs grid panel自带滚动条失效的解决方法，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

之前用EXTJS的gridPanel组件的时候，因为经常对gridPanel中的stroe数据进行过滤，所以有时候总是导致gridPanel自身所带的scrollbar失效。

取个实例，EXTJS gridPanel自带的滚动条，是有一个固定的列宽来放置这个scrollbar的，如上图所示。所以当这个scrollbar失效的时候，无论你怎么拖动这个滚动条，grid中的数据永远都不会随scrollbar的移动而展示相应区域的数据（换句话说就是你永远看到的数据都是截图中的这几条record）。

至于为什么gridpanel会失效？暂时也不清楚原因是什么。之前在Extjs的论坛和stackoverflow上都有人遇见类似的问题，但是版本可能是都是4.1之前的，Extjs的dev team说他们从4.1版本开始已经修复了这个问题（不确定，希望用过4.1版本的童鞋论证下）。

好了，现在来说说怎么解决scrollbar失效。

可以看到，禁用了autoScroll这个属性，并且把scroll设置为false，然后设置viewConfig, 这里把横向的滚动条给禁用了，只保留纵向的滚动条。OK 问题解决，看看效果：

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

同时也解决了这个潜在的bug。

但是这种用法最好是将grid中的所有列都设置好固定的宽度，并且设置属性：

这样可以避免一些禁用横向滚动条带来的不必要麻烦。

extjs form textfield的隐藏方法 this.formpanel=newExt.FormPanel({items:[{fieldLabel:'代码',name:'FCode',anchor:'%',id:'fid'},{fieldLabel:'名称',name:'FName',anchor:'%'//anchorwidthbypercentage},{xtype:'textfield',name:'FID

extjs grid取到数据而不显示的解决找了快1个小时，就是不知道错误在哪里。。。郁闷我在鼠标左侧点击tree节点，在右侧创建一个标签页，这个已经能够实现，于是我再在新建的标签页里

ExtJS 简介让你知道extjs是什么 (wlr的blog应用)(ExtJS的表格控件)(不同主题的ExtJS弹出框效果)ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框

标签: Extjs grid panel自带滚动条失效的解决方法

本文链接地址:https://www.jiuchutong.com/biancheng/368505.html 转载请保留说明！

上一篇：Extjs让combobox写起来简洁又漂亮(combobox jsp)

下一篇：extjs form textfield的隐藏方法