Extjs當工具欄組件移出屏幕時將工具欄組件移動到下一行

Question

2。我正在使用一個包含6個組件的工具欄，這些組件在工具欄上水平顯示。當我在小屏幕（移動）中使用我的應用程序時，工具欄的右側2到3個組件正在移出屏幕或瀏覽器。當我在小屏幕上訪問我的應用程序時，如何使這些組件移動到相同工具欄的下一行。

Answer 1

你想要什麼是不可能的工具欄。工具欄的box佈局始終將所有項目沿一個方向對齊（頂部和底部工具欄水平，左側和右側工具欄垂直），並且不支持將不同佈局應用於工具欄。

但是，您可以在工具欄上安裝允許您滾動的箭頭，或使用所有不適合屏幕的項目的菜單。所需的配置分別爲overflowHandler:'scroller' or overflowHandler:'menu'。

Answer 2

一個辦法解決這個，只如果你知道你能有多少工具欄項目適合在一排，是與這麼多資料創建兩個工具欄，並讓它們在與HBox佈局坐在一起彼此。然後使用responsiveConfig切換到較窄寬度的vbox佈局，這會將第二個工具欄移到另一個的下方。

下面就讓我們來撥弄一個例子：https://fiddle.sencha.com/#fiddle/1cot