Extjs漂亮的同步弹出窗口

Extjs漂亮的同步弹出窗口,extjs,popup,Extjs,Popup,extjs中是否有漂亮的synchron弹出窗口来取代标准弹出窗口(警报(“xyz”)? 我不知道Beauty,但那是extjs的模态对话框。你真的是指“同步”吗?还是你只是用它来指那种有时(误导性地)被称为“模态”的页面内弹出元素 因为如果您确实需要真正同步的对话框,这些对话框在调用它们的同一执行线程中返回结果,那么您只有: 内置的alert()和confirm()框 一个单独的showModalDialog()窗口(即扩展,由HTML5标准化) 这两者通常都是不受欢迎的,因为它们是同步的

extjs中是否有漂亮的synchron弹出窗口来取代标准弹出窗口(警报(“xyz”)?


我不知道Beauty,但那是extjs的模态对话框。

你真的是指“同步”吗?还是你只是用它来指那种有时(误导性地)被称为“模态”的页面内弹出元素

因为如果您确实需要真正同步的对话框,这些对话框在调用它们的同一执行线程中返回结果,那么您只有:

  • 内置的
    alert()
    confirm()
  • 一个单独的
    showModalDialog()
    窗口(即扩展,由HTML5标准化)
这两者通常都是不受欢迎的,因为它们是同步的,在大多数浏览器中会挂起整个用户界面
showModalDialog
通常被认为特别令人反感

在可能的情况下,您应该将它们替换为通过回调返回结果的异步对话框(如Erik链接的消息框)

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

你一定要看看

来,试试这把小提琴-


它比Alert更美观。

对于像我这样不在意的人来说,Alert()和confirm()与普通js相关,而不是与Ext.MessageBox相关
Ext.toast('Ola!! Me Toast..');