Question

在extjs中是否有一个漂亮的同步Popup，以取代标准的Popup（alert（“xyz”））？

Answer 1

你的意思是'同步'，还是只是用它来表示那种有时（误导性地）称为'模态'的页内弹出元素？

因为如果你真的需要真正的同步对话框，它会在调用它们的同一执行线程中返回一个结果，你只有：

内置alert()和confirm()框;
一个单独的showModalDialog()窗口（IE扩展，由HTML5标准化）

这些通常都是不受欢迎的，因为在同步时，它们会在大多数浏览器中挂起整个用户界面。 showModalDialog通常被认为特别令人反感。

您应该使用通过回调返回结果的异步对话框（例如Erik链接的消息框）替换它们。

Answer 2

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

我不知道美丽，但这就是extjs的模态对话。

Answer 3

{
    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`
    }
});

Answer 4

你一定要看看Ext.window.Toast

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

在这里，试试这个小提琴 - https://fiddle.sencha.com/#fiddle/lhk

它比警报更美观。

Extjs漂亮的同步Popup

4 个答案: