Extjs beautiful synchronous Popup

Question

Existe-t-il une belle Popup synchrone en extjs, pour remplacer la Popup(alert("xyz")) standard ?

Answer 1

Voulez-vous vraiment dire "synchrone", ou l'utilisez-vous simplement pour désigner le type d'élément de fenêtre pop-up dans la page qui est parfois (à tort) appelé "modal" ?

Parce que si vous avez vraiment besoin de boîtes de dialogue réellement synchrones, qui renvoient un résultat dans le même fil d'exécution qu'elles ont été appelées, vous n'avez qu'à.. :

• l'intégré alert() y confirm() boîtes ;
• séparément showModalDialog() fenêtre (extension d'IE, à normaliser par HTML5)

Ces deux méthodes sont généralement indésirables car, étant synchrones, elles bloquent toute l'interface utilisateur dans la plupart des navigateurs. showModalDialog est généralement considéré comme particulièrement offensant.

Vous devriez les remplacer par des boîtes de dialogue asynchrones qui renvoient les résultats via un callback (comme les boîtes de message liées par Erik), dans la mesure du possible.

Answer 2

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

Je ne sais pas si c'est beau, mais c'est le dialogue modal d'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');
    }
}

Il s'agit d'une boîte de messages qui a l'air beaucoup mieux que l'alerte générale, vous pouvez également utiliser confirm() à la place de Ext.MessageBox.alert

comme :

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

Answer 4

Vous devriez certainement jeter un coup d'œil à Ext.window.Toast

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

Tenez, essayez ce violon - https://fiddle.sencha.com/#fiddle/lhk

Il est plus esthétique qu'Alerte.