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

当grid 的实际宽度大于其父容器panel的时候,超出的1部分表格被默认隐藏,滚动条不见了。

这时候我们一般要做两件事 1.把滚动条找回来,2.将滚动条放到panel上,

这样子才能最大程度上满足用户使用感受,


解决方案如下:

其实很简单,只要配置下grid 两个属性:

 1. width: 2620, (grid的真实宽度,值一般都比较大)  ;

  2.bodyStyle: 'overflow-x:hidden; overflow-y:hidden',(隐藏grid滚动条)。

3.一般这样之后就ok了,有时候可能父容器panel的属性还要设置下 autoScroll:true,但是Extjs默认就是如此,一般是在受到其他组件影响的情况后才需要去设置。


某效果图如下:





posted @ 2013-10-16 17:51  莫问初心  阅读(1270)  评论(0编辑  收藏  举报