在extjs4 Ext.MessageBox.alert（）msg disalays空白窗口？

Question

我在extjs4中工作，我打算在屏幕上打印一个消息框，但它显示一个空白消息窗口。其中显示一个空白消息窗口。

这里是我的代码： -

Ext.application({ 
    name: 'App', 

    appFolder: 'app', 

    //controllers: ['Books'], 
    requires:[ 
       'Ext.window.MessageBox', 
       // 'Ext.tip.*' 
      ], 
    launch: function() { 
     Ext.create('Ext.tab.Panel', { 
      renderTo: Ext.getBody(), 
      height: 100, 
      width: 200, 
      items: [ 
       { 
        // Explicitly define the xtype of this Component configuration. 
        // This tells the Container (the tab panel in this case) 
        // to instantiate a Ext.panel.Panel when it deems necessary 
        xtype: 'panel', 
        title: 'Tab One', 
        html: 'The first tab', 
        listeners: { 
         render: function() { 
          //Ext.MessageBox.alert('Rendered One', 'Tab One was rendered.'); 
          Ext.Msg.alert('hi', 'Please enter your name:'); 
          //Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?'); 
          //alert("hi"); 

         } 
        } 
       }, 
       { 
        // this component configuration does not have an xtype since 'panel' is the default 
        // xtype for all Component configurations in a Container 
        title: 'Tab Two', 
        html: 'The second tab', 
        listeners: { 
         render: function() { 
          //Ext.MessageBox.alert('Rendered One', 'Tab Two was rendered.'); 
         } 
        } 
       } 
      ] 
     }); 
    } 
}); 

，这里是消息屏幕窗口

没有任何MessageBox的方法工作什么是错的代码？ 请给我一些建议...

Answer 1

使用 'boxready' 事件（jsfiddle）。

如果输出到控制台：

... 
render: function() { 
    console.log(Ext.Msg.alert('hi', 'Alert message')) 
} 
.... 

在“渲染”监听器，你会看到，是计算错误警报的大小和位置：

... 
width: NaN 
x: -41 
...