Laden-Maske in sencha-touch-Formular Absenden

Ich habe gerade mit der Bau-app mit sencha touch 2 habe ich versucht zu senden, eine aus, die ich gemacht nun will ich die Anzeige einer be-Maske zum Zeitpunkt der Abgabe bilden. Wie kann ich den Punkt, dass? Ich habe versucht, mehrere Möglichkeiten nicht, um Erfolg zu haben.

Ext.define('AddressBook.view.Login', {
    extend: 'Ext.form.Panel',
    xtype: 'login',
    requires: ['Ext.form.*'],
    config: {
        xtype: 'formpanel',
        title: '<img src="resources/images/logo.png" width="180px"/>  ',
        iconCls: 'user',
        layout: 'vbox',
        style: 'border:none;',
        items: [
    {
            xtype: 'fieldset',
            title: 'Service Seeker Login',
            scrolable: true,
            items: [{
                xtype: 'emailfield',
                name: 'useremail',
                placeHolder: 'Username or Email',
                allowBlank: false
            }, {xtype:'spacer',  style: 'background-color: #EEE; height:20px; border:none;'}, {
                xtype: 'passwordfield',
                name: 'password',
    placeHolder: 'Password',
                allowBlank: false
            },{xtype:'spacer',  style: 'background-color: #EEE; height:20px; border:none;'},{
            xtype: 'checkboxfield',
            name : 'Remember',
           labelWidth: '80%' ,
            label: 'Remember me',
            value: 'remember'
        }, {
                xtype: 'hiddenfield',
                name: 'type',
                value: 'user'
            }]
        }, {
            xtype: 'button',
            text: 'LOGIN',
        id: 'LoginButon',
            ui: 'confirm',
            width: '75px',
            handler: function () {
     //iniate loading screen for user
    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
                var form = this.up('formpanel');
                var values = form.getValues();
                if (values.useremail && values.password) {
                    form.submit({
                   url: 'http://mysite/mobilelogin',
                        method: 'POST',
                        success: function (form, result) {
                            if (result.go) {
            myMask.show();
            localStorage.setItem('userName',values.useremail);
                                var indexPanel = Ext.create('AddressBook.view.Contacts');
            Ext.Viewport.add(indexPanel);
            Ext.Viewport.setActiveItem(indexPanel,{type: 'slide', direction: 'right'});
                            }
                        },
                        failure: function (form, result) {
                            Ext.Msg.alert('', result.message);
                        }
                    });
                } else {
                    Ext.Msg.alert('Error', 'Both username and password are required.');
                }
            }
        }
        }]
});

Ich habe dies geschrieben, in sencha-website auch.
http://www.sencha.com/forum/showthread.php?190430-Simple-Form-example-with-Ajax-or-Connection-to-backend&p=851571#post851571

InformationsquelleAutor atluriajith | 2012-07-10

4

Dies ist in der Regel, wie ich es mache :
```
Ext.Viewport.mask({ xtype: 'loadmask' });

Ext.Ajax.request({
  ...
  success: function(response, opts) {
    Ext.Viewport.unmask();
  },
  failure: function(response, opts) {
    Ext.Viewport.unmask();
    //handle error
  }
});
```
Hoffe, das hilft
- Ich danke Ihnen sehr viel.. es hat funktioniert. 🙂
- Dies ist nicht für mich arbeiten. Ich fügte hinzu, async:false, Ajax-request. Die Maskierung ist nicht bei allen angezeigt. Wenn ich entfernen Sie das entlarven von Erfolg/Misserfolg Blöcke, Maske angezeigt. Aber wenn das ausblenden der Maske. Einige, was schief geht mit der Ausführung der Sequenz in Sencha ?
- Keine Fehler in der Konsole angezeigt. Tut Sie es nicht tun nichts, wenn Sie geben Sie Ext.Viewport.Maske({ xtype: 'loadmask' }); in der Konsole ?
InformationsquelleAutor Titouan de Bailleul

versuchen, diesen code

if (values.useremail && values.password) {
 Ext.Viewport.setMasked({
                      xtype: 'loadmask',
                     message: 'Loading....'
          });
                form.submit({
               url: 'http://mysite/mobilelogin',
                    method: 'POST',
                    success: function (form, result) {
                         Ext.Viewport.setMasked(false);        
                        if (result.go) {
        myMask.show();
        localStorage.setItem('userName',values.useremail);
                            var indexPanel = Ext.create('AddressBook.view.Contacts');
        Ext.Viewport.add(indexPanel);
        Ext.Viewport.setActiveItem(indexPanel,{type: 'slide', direction: 'right'});
                        }
                    },
                    failure: function (form, result) {
                       Ext.Viewport.setMasked(false);        
                        Ext.Msg.alert('', result.message);
                    }
                });
            } else {
                Ext.Msg.alert('Error', 'Both username and password are required.');
            }

InformationsquelleAutor Naresh Tank

Machen zwei Methoden, und diese sind wirklich brauchbar. Man ist showPageLoadMessage und andere hidePageLoad Nachricht vor dem senden Anfrage rufen Karte und auf Antwort erhielt Anruf ausblenden verwenden Sie diesen code.

Methode1

function showPageLoadMessage() {
try {
    Ext.MessageBox.show({
        msg: 'Please wait while your request is served...',
        progressText: 'Loading...',
        width: 300,
        wait: true,
        animate: true,
        waitConfig: {
            interval: 200
        }
    });
    var dlg = Ext.MessageBox.getDialog();
    dlg.center();
} catch (e) {}
}

Methode2

function hidePageLoadMessage(rand) {
try {
Ext.MessageBox.hide();  
} catch (e) {}

}

Habe ich geschrieben Sie im try-catch-block, denn selbst wenn Sie etwas brechen oder Sie rufen die Nachricht zweimal durch Fehler, Ihre Dinge am laufen halten.

InformationsquelleAutor Riz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.