Extjsgridpanel自帶滾動條失效的解決方法_extjs

取個實例，EXTJS gridPanel自帶的滾動條，是有一個固定的列寬來放置這個scrollbar的，如上圖所示。所以當這個scrollbar失效的時候，無論你怎么拖動這個滾動條，grid中的數(shù)據(jù)永遠都不會隨scrollbar的移動而展示相應(yīng)區(qū)域的數(shù)據(jù)（換句話說就是你永遠看到的數(shù)據(jù)都是截圖中的這幾條record）。

至于為什么gridpanel會失效？暫時也不清楚原因是什么。之前在Extjs的論壇和stackoverflow上都有人遇見類似的問題，但是版本可能是都是4.1之前的，Extjs的dev team說他們從4.1版本開始已經(jīng)修復(fù)了這個問題（不確定，希望用過4.1版本的童鞋論證下）。

好了，現(xiàn)在來說說怎么解決scrollbar失效。

可以看到，禁用了autoScroll這個屬性，并且把scroll設(shè)置為false，然后設(shè)置viewConfig, 這里把橫向的滾動條給禁用了，只保留縱向的滾動條。OK 問題解決，看看效果：

這時會發(fā)現(xiàn)滾動條沒有了自己的固有列，而是和grid的最后一個列并在了一起，gridPanel自帶的scrollbar就這樣被禁用咯。

同時也解決了這個潛在的bug。

但是這種用法最好是將grid中的所有列都設(shè)置好固定的寬度，并且設(shè)置屬性：

這樣可以避免一些禁用橫向滾動條帶來的不必要麻煩。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com