1

extjs4で作業していて、画面にメッセージボックスを印刷しようとしていますが、空白のメッセージウィンドウが表示されます。Nothigが表示されます。

これが私のコードです：-

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メソッドはありませんか？いくつか提案をお願いします...

4

1 に答える 1

1

「boxready」イベント ( jsfiddle ) を使用します。

コンソールに出力する場合:

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

「レンダリング」リスナーでは、アラートのサイズと位置が正しく計算されていないことがわかります。

...
width: NaN
x: -41
...
于 2013-02-15T09:51:14.400 に答える