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失效。
xtype: 'gridpanel',
// autoScroll:true,
scroll:false,
viewConfig: {
style: { overflow: 'auto', overflowX: 'hidden' }
}
可以看到，禁用了autoScroll这个属性，并且把scroll设置为false，然后设置viewConfig, 这里把横向的滚动条给禁用了，只保留纵向的滚动条。OK 问题解决，看看效果：
这时会发现滚动条没有了自己的固有列，而是和grid的最后一个列并在了一起，gridPanel自带的scrollbar就这样被禁用咯。
同时也解决了这个潜在的bug。
但是这种用法最好是将grid中的所有列都设置好固定的宽度，并且设置属性：
resizable:false
这样可以避免一些禁用横向滚动条带来的不必要麻烦。
-
本文向大家介绍IOS上iframe的滚动条失效的解决办法，包括了IOS上iframe的滚动条失效的解决办法的使用技巧和注意事项，需要的朋友参考一下 问题描述： iframe设置了高度（例如500px）。倘若iframe的内容足够长超出了iframe设定的高度时，在ipad等设备上。iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）
-
本文向大家介绍JavaScript中Textarea滚动条不能拖动的解决方法，包括了JavaScript中Textarea滚动条不能拖动的解决方法的使用技巧和注意事项，需要的朋友参考一下 本文实例分析了JavaScript中Textarea滚动条不能拖动的解决方法。分享给大家供大家参考，具体如下： 在IE中，你是否碰到过Textarea的滚动条不能拖动，但点上下按钮可以滚动内容？ 这个问题的原因很
-
本文向大家介绍android开发 eclipse alt+”/”自动提示失效的解决方法，包括了android开发 eclipse alt+”/”自动提示失效的解决方法的使用技巧和注意事项，需要的朋友参考一下 1、用于没有一点提示的情况：依次打开eclipse上面的windows ——preferences ——java ——editor —— content assist ，在右上方有一行“sel
-
本文向大家介绍jQuery实现带滚动线条导航效果的方法，包括了jQuery实现带滚动线条导航效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现带滚动线条导航效果的方法。分享给大家供大家参考。具体分析如下： 最早见到这种导航是在魅族的官网，当时（去年）觉得挺不错的但自己不会JavaScript，因此那时“可望而不可及”。今日去手机QQ for Android官网，又发
-
本文向大家介绍layui表格 列自动适应大小失效的解决方法，包括了layui表格 列自动适应大小失效的解决方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 从官网复制的表格，修改成自适应宽度后失效，原因如下： 以上这篇layui表格 列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍JS自定义滚动条效果，包括了JS自定义滚动条效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JS自定义滚动条的具体代码，供大家参考，具体内容如下 更多关于滚动效果的精彩文章点击下方专题： javascript滚动效果汇总 jquery滚动效果汇总 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。