Javascript extjs4.0.7，Window&x2B；2个孩子，孩子1得到所有尺寸 函数ShowMsg（mensaje）{ 如果（！msgWnd）{ var okBtn=Ext.create（'Ext.button.button'{ 文本：“Aceptar”， id:'okBtn'， 图标：“images/ok.png”， 身高：25， 范围:本,， 处理程序：函数（）{ ShowMsg（“”）； } }); msgWnd=新的外部窗口({ 布局：'适合'， id:'msgWindow'， 标题：“DigiDoc”， 宽度：300， 身高：180， 可关闭：错误， 可调整大小：正确， autoScroll：是的， 朴素：没错， 边界：错， 项目：[ { html:''+mensaje+''， id:'myMsgText'， 自动高度：false， 自动宽度：false }, okBtn ] }); } }

这应该显示一条消息和一个接受按钮，但是消息大小适合窗口的所有空间，使接受按钮不可见。ExtJS不应该使这个元素的大小与窗口的一个元素减去其他元素的大小相同吗

谢谢

：

Ext.layout.container.Fit

一个非常简单的布局，只需填充 带有单个面板的容器。这通常是最好的默认布局 没有其他特定布局要求时的选择

---

你想达到什么目标？如果只是显示一个消息框来提醒用户注意某件事，请尝试。下面是几个用法示例。在任何其他情况下，您可能希望改用vbox布局。

这意味着只有一个元素应该位于具有布局：fit的元素的items[]中？目前我把2个元素，一个文本，一个按钮，这是正确的。但是，我坚持认为，除非您的消息非常大，否则我会使用Ext.Msg类，它实际上是关于用按钮显示消息（如果您喜欢，可以自定义按钮…）是的，谢谢，我将使用Ext.Msg。我不知道前一个人为什么那样做。我在维护代码

function ShowMsg(mensaje) {
  if (!msgWnd) {
    var okBtn = Ext.create('Ext.button.Button', {
      text    : 'Aceptar',
      id      : 'okBtn',
      icon    : 'images/ok.png',
      height  : 25,
      scope   : this,
      handler : function() {
        ShowMsg('');
      }
    });

    msgWnd = new Ext.Window({
      layout:'fit',
      id: 'msgWindow',
      title: 'DigiDoc',
      width: 300,
      height: 180,
      closable: false,
      resizable: true,
      autoScroll: true,
      plain: true,
      border: false,
      items: [
        {
          html: '<div>' + mensaje + '</div>',
          id: 'myMsgText',
          autoHeight: false,
          autoWidth: false
        },
        okBtn
      ]
    });
  }
}