Ext 设置panel内部的gridpanel的滚动条

今天被GridPanel的滚动条问题困惑了很久

1、在GridPanel中设置 autoScroll="true" 和autoHeight=“true”和autoWidth=“true”时滚动条不出现

2、在GridPanel中设置autoScroll="true" 和Height=“1152”和Width=“718”时滚动条才出现,但是设置固定宽度后换个分辨率不同的浏览器就乱套了

3、于是各种百度,各种查找解决办法,终于有一种行得通了,大师是这么说的,如下:

当gridPanel 的实际宽度大于其父容器panel的时候,超出的1部分表格被默认隐藏,滚动条不见了。
这时候我们一般要做两件事 1.把滚动条找回来,2.将滚动条放到panel上,
这样子才能最大程度上满足用户使用感受

解决方案如下:
其实很简单,只要配置下gridPanel 属性:
1.bodyStyle: 'overflow-x:hidden; overflow-y:hidden',(隐藏grid滚动条)。
2.一般这样之后就ok了,有时候可能父容器panel的属性还要设置下 autoScroll:true,但是Extjs默认就是如此,一般是在受到其他组件影响的情况后才需要去设置。

原文链接:http://mowenchuxin.blog.51cto.com/8094760/1316642

于是我按照大师的解决办法,尝试去掉GridPanel下的autoScroll:true配置,把autoScroll:true设置到Panel上,然后将bodyStyle: 'overflow-x:hidden; overflow-y:hidden'配置到GridPanel上面,接下来期盼已久的滚动条居然出来了,既然比想象的简单得多,并不像别人说的我的多个GridPanel导致滚动条无法出现,后面发现如果把bodyStyle: 'overflow-x:hidden; overflow-y:hidden'从GridPanel上去掉只留下Panel上的autoScroll:true配置滚动条也是会出现的。

有关panel的属性可以看:

http://www.cnblogs.com/zqmingok/articles/1698336.html

你可能感兴趣的:(Ext)