extjs Aufruf Ext.onReady-Funktion auf Klasse

Habe ich diese Struktur:

Example.Form = Ext.extend(Ext.form.FormPanel, {
//other element

 , onSuccess:function(form, action) {
 }

}
Ext.reg('exampleform', Example.Form);

Ext.onReady(function() {
            var win = new Ext.Window({
                id:'formloadsubmit-win'
                ,items:{id:'add', xtype:'exampleform'}
            });
            win.show();
})

Lösche ich extra code oben...

Möchte ich dies tun: wenn ich ein Formular Einreichen, die auf Funktion-> onSuccess im Beispiel.Form-Klasse in der Lage, Fenster schließen, auf den Körper. (Wenn sich der Erfolg waren vorlegen und als der Körper, von dem sich öffnenden Fenster werden geschlossen)

Ich entschuldige mich für mein schlechtes Englisch.

InformationsquelleAutor masoud sharifi | 2011-11-12
  1. 1

    Die Struktur des Codes ermöglichen sollte, einen Ort zum speichern der Komponenten registrieren Sie sich als xtypes. Es sollte auch eine top-level-namespace für die Komponenten der app. Auf diese Weise können Sie sich immer auf die Teile Ihrer app. Es ist auch eine gute Idee, um brechen Sie die controller-Logik. Für eine kleine app, einen einzigen controller können funktionieren, aber sobald die app wächst ist es gut, viele Controller für die app, einen für jedes Stück.

    Hier ist eine modifizierte version des Codes, den Sie setzen in diesem Beispiel. Es behandelt den Erfolg der Veranstaltung und strukturiert ist, passen die Empfehlungen oben erwähnt.

        Ext.ns('Example');
    /* store components to be used by app */
    Ext.ns('Example.lib');
    /* store instances of app components */
    Ext.ns('Example.app');

    Example.lib.Form = Ext.extend(Ext.form.FormPanel, {
    //other element

     //moved to app controller
     //onSuccess:function(form, action) {
     //}

    });

    Ext.reg('exampleform', Example.lib.Form);

    Example.lib.FormWindow =  Ext.extend(Ext.Window,{
        initComponent: function(){
            /* add the items */
            this.items ={itemId:'add', xtype:'exampleform'};

            /* ext js requires this call for the framework to work */
            Example.lib.FormWindow.superclass.initComponent.apply(this, arguments);
        }
    });

    Ext.reg('exampleformwin', Example.lib.FormWindow);

    /*
        manage/control the app
    */
    Example.app.appController = {
        initApp: function(){
            Example.app.FormWindow = Ext.create({xtype:'exampleformwin', id:'formloadsubmit-win'});
            Example.app.FormWindow.show();

            /* get a reference to the 'add' form based on that item id and bind to the event */
            Example.app.FormWindow.get('add').on('success', this.onAddFormSuccess, this );

        },

        /* the logic to handle the add-form's sucess event */
        onAddFormSuccess: function(){
            Example.app.FormWindow.hide();
        }

    }

    Ext.onReady(function() {
        /* start the app */
        Example.app.appController.initApp()
    })
    InformationsquelleAutor John Rice
Schreibe einen Kommentar