Extjs grid橫向滾動條

2021-08-31 15:18:22 字數 1826 閱讀 5869

關於extjs gridpanel設定autoheight:true時,橫向滾動條的問題 使用gridpanel時我們有時需要給設定autoheight:true,但這時如果**的寬度大於它的容器的寬度,多餘的內容就會被隱藏而不會出現 橫向的滾動條,費了老大勁兒才找到了解決辦法,方法就是給gridpanel的option config新增如下屬性:

view plaincopy to clipboardprint?

viewconfig :   

var g = this.grid;  

var c = g.getgridel();  

var csize = c.getsize(true);  

var vw = csize.width;  

if (!g.hideheaders && (vw < 20 || csize.height < 20))   

if (g.autoheight) else   

}  

if (this.forcefit)   

} else   

this.onlayout(vw, vh);  

}  

}  viewconfig :

var g = this.grid;

var c = g.getgridel();

var csize = c.getsize(true);

var vw = csize.width;

if (!g.hideheaders && (vw < 20 || csize.height < 20))

if (g.autoheight) else

}if (this.forcefit)

} else

this.onlayout(vw, vh);}}

解決過程中遇到了好多問題,如header的背景不全,不是所有的列都能resize(已經設定了 resizable:true),所以可能還有很多問題我沒有發現。如果誰發現有什麼問題,希望不吝賜教。

修改:又發現了乙個簡單的方法比上邊效果好多了,嘿嘿

view plaincopy to clipboardprint?

viewconfig :   

var g = this.grid;  

var c = g.getgridel();  

var csize = c.getsize(true);  

var vw = csize.width;  

if (!g.hideheaders && (vw < 20 || csize.height < 20))   

if (g.autoheight)   

} else   

}  

if (this.forcefit)   

} else   

this.onlayout(vw, vh);  

}  

}  viewconfig :

var g = this.grid;

var c = g.getgridel();

var csize = c.getsize(true);

var vw = csize.width;

if (!g.hideheaders && (vw < 20 || csize.height < 20))

if (g.autoheight)

} else

}if (this.forcefit)

} else

this.onlayout(vw, vh);}}

以前用2.0時候

現在直接配置

viewconfig:,

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...

橫向滾動條(滑動條)

asp.net的gridview本身不帶滾動條,可通過panel實現。但是windows自帶的橫向滾動條只支援顯示在下方,為了使用方便,需要在上下方都顯示橫向滾動條。查詢了很多方法,有些不能實現 被滾動內容的寬度未知,但使用這種方法必須已知 其它的不能完全相容這些瀏覽器 ie6,firefox,ch...

extjs gridpanel 橫向滾動條

mlb弄個girdpanl列太多竟然不會自動出現橫向滾動條,讓我對ext的易用性大為懷疑,在google一艘解決方案一大堆,五花八門,試了一遍竟然沒有乙個可以解決,這是神馬世界,自己把屬性挨著除錯了一遍,我相信絕對是屬性設定的有問題,終於發現了 width 1200,height 400,autoh...