Question

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
      ]
    });
  }
}

这应显示Message和ACCEPT按钮，但MESSAGE大小适合窗口的所有空间，使ACCEPT按钮不在视觉范围内。 ExtJS不应该使这个元素大小与Window的一个减去其他元素相同吗？

谢谢！

Answer 1

http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html：

<强> Ext.layout.container.Fit

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

你想要达到什么目的？如果仅显示一个消息框以提醒用户某些内容，请尝试使用Ext.Msg。 Here是几个使用示例。在任何其他情况下，您可能希望改为使用vbox布局。

Extjs 4.0.7，Window + 2个孩子，孩子1获得所有大小

1 个答案: