Extjs 将工具栏组件移出屏幕时移动到下一行
Extjs move toolbar components to next line when they are moving out of screens
2。我正在使用一个包含 6 个组件的工具栏，它们在工具栏上水平显示。当我在较小的屏幕（移动设备）上使用我的应用程序时，工具栏右侧的 2 到 3 个组件正在移出屏幕或浏览器。当我在较小的屏幕上访问我的应用程序时，我怎样才能让这些组件移动到同一工具栏的下一行。
工具栏无法满足您的需求。工具栏的 box 布局始终使所有项目沿一个方向对齐（顶部和底部工具栏水平对齐，左侧和右侧工具栏垂直对齐），并且不支持将不同的布局应用于工具栏。
但是，您可以为工具栏配备允许您滚动的箭头，或者配备一个包含屏幕上无法容纳的所有项目的菜单。所需配置分别为overflowHandler:'scroller' or overflowHandler:'menu'
解决此问题的一个解决方法是，仅如果您知道可以在一行中放置多少个工具栏项目，那就是创建两个包含这么多项目的工具栏，并将它们并排放置其他在 hbox 布局中。然后使用 responsiveConfig 切换到宽度较窄的 vbox 布局，这会将第二个工具栏移动到另一个工具栏下方。
这里有一个快速 Fiddle 示例：https://fiddle.sencha.com/#fiddle/1cot
2。我正在使用一个包含 6 个组件的工具栏，它们在工具栏上水平显示。当我在较小的屏幕（移动设备）上使用我的应用程序时，工具栏右侧的 2 到 3 个组件正在移出屏幕或浏览器。当我在较小的屏幕上访问我的应用程序时，我怎样才能让这些组件移动到同一工具栏的下一行。
工具栏无法满足您的需求。工具栏的 box 布局始终使所有项目沿一个方向对齐（顶部和底部工具栏水平对齐，左侧和右侧工具栏垂直对齐），并且不支持将不同的布局应用于工具栏。
但是，您可以为工具栏配备允许您滚动的箭头，或者配备一个包含屏幕上无法容纳的所有项目的菜单。所需配置分别为overflowHandler:'scroller' or overflowHandler:'menu'
解决此问题的一个解决方法是，仅如果您知道可以在一行中放置多少个工具栏项目，那就是创建两个包含这么多项目的工具栏，并将它们并排放置其他在 hbox 布局中。然后使用 responsiveConfig 切换到宽度较窄的 vbox 布局，这会将第二个工具栏移动到另一个工具栏下方。
这里有一个快速 Fiddle 示例：https://fiddle.sencha.com/#fiddle/1cot