Extjs красивый синхронный Popup

Question

Есть ли красивая синхронизация Popup в extjs, чтобы заменить стандартную Popup (alert ("xyz"))?

Answer 1

Вы действительно имеете в виду «синхронный», или вы просто используете его для обозначения типа всплывающего элемента на странице, который иногда (обманчиво) называют «модальным»?

Потому что, если вы действительнонужны действительно синхронные диалоговые окна, которые возвращают результат в том же потоке выполнения, в котором они были вызваны, у вас есть только:

• встроенные поля alert() и confirm();
• отдельное showModalDialog() окно (расширение IE, которое будет стандартизировано HTML5)

Они оба обычно нежелательны, потому что, будучи синхронными, они вешают весь пользовательский интерфейс в большинстве браузеров.showModalDialog обычно считается особенно оскорбительным.

Вы должны заменить их асинхронными диалоговыми окнами, которые возвращают результаты через обратный вызов (например, сообщения, связанные Эриком), где это возможно.

Answer 2

http://www.extjs.com/deploy/dev/examples/message-box/msg-box.html

Я не знаю, как красиво, но это модальный диалог extjs.

Answer 3

Вы обязательно должны взглянуть на Ext.window.Toast

Ext.toast('Ola!! Me Toast..');

Вот, попробуй эту скрипку - https://fiddle.sencha.com/#fiddle/lhk

У него больше эстетики, чем у Alert.

Answer 4

{
    xtype: 'button',
    text: 'alert',
    id: 'alert',
    width: 120,
    margin: '70 0 4 10',
    disabled: true,
    handler: function() {
        Ext.MessageBox.alert('Alert', 'xyz');
    }
}

Это окно сообщения, которое выглядит намного лучше, чем общее предупреждение, вы также можете использовать confirm() вместо Ext.MessageBox.alert

как:

Ext.MessageBox.confirm('Confirm', 'xyz' , function(btn){
    if(btn === 'yes'){
        //`enter code here`
    }
});