如何防止 ExtJs 菜单容器溢出？答案

【问题标题】：How can I prevent ExtJs menu container from spilling out of the body?如何防止 ExtJs 菜单容器溢出？
【发布时间】：2013-11-27 05:14:48
【问题描述】：

我正在使用 ExtJs 4.1.1。我正在使用正文布局，其北部区域有一个顶部工具栏。顶部工具栏的最右侧有一个 splitButton。

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

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

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

【问题讨论】：

文字需要动态吗？
是的，文本是动态的。
您是否尝试过在显示的文本中使用语句？
为了查看完整的文本，我有工具提示。我真的在寻找一个能保证不会溢出的适当解决方案，尤其是当左侧有大量可用房地产时。
你找到解决办法了吗？

标签： javascript extjs extjs4.1

【解决方案1】：

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

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

见here

【讨论】：