2014-03-19 31 views
0
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 
     ] 
    }); 
    } 
} 

这应该显示一个消息和一个ACCEPT按钮,但消息大小适合窗口的所有空间,使ACCEPT按钮脱离视觉。 ExtJS不应该使这个元素的大小与Window的一个减去其他元素的大小相同吗?Extjs 4.0.7,窗口+2的孩子,孩子1获取所有大小

谢谢!

回答

1

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

Ext.layout.container.Fit

一个非常简单的布局,简单地用单面板填充 容器。当您没有其他特定的布局要求时,这通常是最佳的默认布局 选择。

你想达到什么目的?如果只是显示一个消息框来提醒用户某事,请尝试使用Ext.MsgHere是几种用法的例子。在任何其他情况下,您可能想要使用vbox布局。

+0

因此,这意味着只有一个元素应该在具有布局的元素的项目[]中:fit?目前我正在放2个元素,一个文本和一个按钮 – JorgeeFG

+0

是的,这是正确的。然而,我坚持认为,除非你的信息预计真的很庞大,否则我真的会用Ext.Msg类,它真的是用一个按钮显示一个消息(如果你喜欢,你可以自定义按钮......) – Tewr

+0

是的,谢谢,我将使用Ext.Msg。我不知道为什么以前的人这样做。我正在维护代码 – JorgeeFG