如何防止ExtJs菜单容器溢出身体？

Question

我正在使用 ExtJs 4.1.1 。我正在使用身体布局，其北部区域有一个顶部工具栏。顶部工具栏上有一个 splitButton ，位于极右侧。

问题：有时当菜单项有长文本时，菜单项容器会溢出正文并显示为截断。

我想确保菜单文本和整个菜单容器始终可见。我怎样才能做到这一点？

更新：我可以将菜单配置为向左展开而不是向右展开吗？这将照顾这种特殊情况。

Answer 1

在菜单组件上，尝试添加：

listeners: {
     afterrender: function(component) {
         // Hide menu and then re-show so that alignment is correct.
         component.hide();
         component.show();
    }
}

请参阅here