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默認就是如此,一般是在受到其他組件影響的情況後才需要去設置。


某效果圖如下:





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章