选项卡面板包含不适合面板宽度的项目

Question

我遇到的问题是选项卡不适合面板的整个宽度，用户必须向右滚动才能查看最右侧的选项卡。

要明白我的意思，请到这个 Sencha example，添加足够的标签以启用标签标题中的滚动。

我的问题：

1. 有没有办法让选项卡换行而不是滚动效果？
2. 是否有插件可用于创建包含所有选项卡或右上角不可见选项卡的下拉菜单/列表？
3. 有没有办法配置表格面板，当我单击右侧的 > 按钮滚动选项卡项目时，它们滚动到足以使下一个项目可见而不是以小增量滚动？

最终，我可以通过添加工具栏和按钮以及使用卡片布局来模拟选项卡面板。那将是我的 B 计划。

谢谢

更新：我可以为每个选项卡（在 tabConfig 内）设置 flex: 1 属性。我仍然需要弄清楚工具提示并在被切掉的较长选项卡上启用省略号。

Answer 1

标签面板有一个tabBar 配置see here。在此您可以设置布局属性，包括overflowHandler，一个可能的值是menu。这将满足您在问题 2 中的要求。将此配置添加到 tabpanel 定义：

tabBar: {
    layout: {
        overflowHandler: 'menu'
    }
}