ExtJS MessageBox

Для вывода всплывающего окна общего вида MessageBox в ExtJS воспользуйтесь следующим кодом:

Ext.require([
    'Ext.window.MessageBox',
    'Ext.tip.*'
]);

Ext.onReady(function(){

    Ext.MessageBox.show({
        title: 'Заголовок окна',
        msg: 'Текст вашего сообщения',
        width: 300,
        icon: Ext.MessageBox.WARNING,
        closable: false,
        buttons: Ext.MessageBox.OKCANCEL,
        fn: function() {
            Ext.MessageBox.show({
                title:'Внимание!',
                msg: 'Вызывающее окно пропало',
                buttons: Ext.MessageBox.OK
            })
        }
    });

});

В результате ExtJS выведет на экран следующее окно.

 

 

Как видно из кода, MessageBox может принимать самые различные параметры, влияющие на его содержимое и функционал.

Но стоит обратить внимание на то, что в ExtJS окна, создаваемые с помощью MessageBox, могут существовать на экране только в единственном числе. Если вывести сначала одно окно, а затем сразу второе, то первое окно исчезнет.