Sencha Touch 2.1 Anzeigen von Ref im Controller

Beim Versuch, programmgesteuert push eine Blick in die Haupt-navigation anzeigen auf den viewport, bekomme ich die folgende Fehlermeldung:

Uncaught TypeError: Object [object object] has no method 'getMainPanel", wenn Sie die folgende Zeile in die MainController.js Datei heißt:

var mainnav = this.getMainPanel();

Ich versuche einfach nur, um ein ref-navigation anzeigen von xtype, so dass ich kann eine mainnav.push('viewName'), je nachdem, ob es zurückgegebenen Daten aus einer Daten-Anruf. Die Daten und Daten nennen sind die arbeiten gut, und ich kann Sie manuell fügen Sie die gewünschten sichten auf die main view-port, so dass die navigation Sicht wertlos, das ist nicht meine Absicht.

Habe ich versucht, indem Sie die "Ref" durch xtype, 'MainPanel' und auch durch die Zuordnung und id, id: 'MainPanel' und in den controller versucht:

refs: {
      mainPanel: 'MainPanel'
}

und von Id:

refs: {
mainPanel: '#MainPanel'
}

Egal, der Fehler ist der gleiche.

Für den Hinweis, den ich versucht habe zu befolgen, die Situationen beschrieben, in den folgenden Ressourcen:

http://docs.sencha.com/touch/2.1.1/#!/guide/Controller

http://docs.sencha.com/touch/2.0.2/#!/api/Ext.ComponentQuery

http://www.sencha.com/forum/showthread.php?179143-View-reference-getter-undefined

Sencha Touch 2 - Nicht in der Lage zu bekommen, ref view vom controller

Sencha Touch 2.0-Controller-refs-Attribut nicht funktioniert?

Sencha Touch 2.0 und navigation.View - MVC

Hier ist mein code:

app.js

Ext.application({
name: 'AddCharSheet',
views: ['Main'],
models: ['CharacterSelectModel'],
stores: ['CharacterSelectStore'],
controllers: ['MainController'],

launch: function(){
    Ext.Viewport.add({
        xtype: 'MainPanel'
    });
}
});

Main.js

   Ext.define('AddCharSheet.view.Main', {
    extend: 'Ext.navigation.View',
    requires: ['AddCharSheet.view.CharacterSelect', 'AddCharSheet.view.AddNewCharacter', 'Ext.Toolbar', 'Ext.Panel'],
    xtype: 'MainPanel',
    config: {

    }
    });

MainController.js

Ext.define('AddCharSheet.controller.MainController',{
Extend: 'Ext.app.Controller',

config: {
    stores: ['AddCharSheet.store.CharacterSelectStore'],
    models: ['AddCharSheet.model.CharacterSelectModel'],
    views: ['AddCharSheet.view.AddNewCharacter', 'AddCharSheet.view.CharacterSelect'],

    refs: {
        mainPanel: 'MainPanel'
    },
    control: {

    },
    launch: function() {
    }
},

init: function(){
    var chs = Ext.getStore('charSelStore');
    var mainnav = this.getMainPanel();
    chs.load({
        callback: function(recs, operation){
            if(this.getCount() > 0){
                mainnav.push('CharList');
            }
            else{
                mainnav.push('NewCharacter');
            }
        }
    });
}
});

Update Main.js und update MainController.js

Main.js

Ext.define('AddCharSheet.view.Main', {
    extend: 'Ext.navigation.View',
    requires: ['AddCharSheet.view.CharacterSelect', 'AddCharSheet.view.AddNewCharacter', 'Ext.Toolbar', 'Ext.Panel'],
    xtype: 'MainPanel',
    config: {
        itemId: 'mainpanel'
    }
});

MainController.js

Ext.define('AddCharSheet.controller.MainController',{
    Extend: 'Ext.app.Controller',

    config: {
        stores: ['AddCharSheet.store.CharacterSelectStore'],
        models: ['AddCharSheet.model.CharacterSelectModel'],
        views: ['AddCharSheet.view.AddNewCharacter', 'AddCharSheet.view.CharacterSelect'],

        refs: {
            mainPanel: {
                autoCreate: true,
                selector: '#mainpanel',
                xtype: 'MainPanel'
            }
        },
        control: {

        },
        launch: function() {
        }
    },

    init: function(){
        var chs = Ext.getStore('charSelStore');
        var mainnav = this.getMainPanel();
        chs.load({
            callback: function(recs, operation){
                if(this.getCount() > 0){
                    mainnav.push({xtype: 'CharList'});
                }
                else{
                    mainnav.push({ xtype: 'NewCharacter'});
                }
            }
        });
    }
});

InformationsquelleAutor SouthPlatte | 2013-04-16

2

Den Sie zuweisen möchten eine itemIdconfig zu Ihrem Main anzeigen. Also:
```
Ext.define('AddCharSheet.view.Main', {
    extend: 'Ext.navigation.View',
    requires: ['AddCharSheet.view.CharacterSelect', 'AddCharSheet.view.AddNewCharacter',        'Ext.Toolbar', 'Ext.Panel'],
    xtype: 'MainPanel',
    config: {
        ...,
        itemId: 'mainpanel',
        ...
    }
});
```
Dann im controller auf den Sie verweisen, Ihre Main Blick über ref. Also:
```
Ext.define('AddCharSheet.controller.MainController',{
    Extend: 'Ext.app.Controller',

    config: {
        stores: ['AddCharSheet.store.CharacterSelectStore'],
        models: ['AddCharSheet.model.CharacterSelectModel'],
        views: ['AddCharSheet.view.AddNewCharacter', 'AddCharSheet.view.CharacterSelect'],

        refs: {
            mainPanel : {
                autoCreate: true,
                selector: '#mainpanel',
                xtype: 'MainPanel'
            },
        },
        control: {

        },
        launch: function() {

        }
},

init: function(){
    var chs = Ext.getStore('charSelStore');
    var mainnav = this.getMainPanel();
    chs.load({
        callback: function(recs, operation){
            if(this.getCount() > 0){
                mainnav.push('CharList');
            }
            else{
                mainnav.push('NewCharacter');
            }
        }
    });
}

});
```
Nun sollten Sie in der Lage sein zu tun var mainnav = this.getMainPanel();

Auch die Art, wie Sie schieben die neuen Ansichten falsch ist. Sie übergeben eine String wenn Sie sollten darauf drängen eine Object. Überprüfen Sie die docs.

So, in Ihrem Fall möchten Sie vielleicht, dies zu tun:
```
mainnav.push({  
    xtype:'CharList'
});
```
und
```
mainnav.push({  
    xtype:'NewCharacter'
});
```
vorausgesetzt CharList und NewCharactersind die xtypes von der jeweiligen Ansichten.

Edit:
Ok, wenn Sie noch mit dem gleichen Problem, es könnte sein, dass Sie dies tun in der init Funktion. Versuchen Sie, Ihre Logik, um die launch - Funktion statt. Es stellt sich heraus, das init - Funktion wird aufgerufen, bevor die Anwendung startet. http://docs.sencha.com/touch/2.1.1/#!/api/Ext.app.Controller-cfg-init
- immer noch genau derselbe Fehler an derselben Stelle, nur wie, wenn ich versuchte zu zuordnen, die in größerem Umfang-Id anstatt der itemId. Ich tun, beachten Sie die push benötigen ein Objekt anstelle eines Strings. Auch, wenn ich verstehe, das Ref-docs richtig, die Art und Weise, die Sie vorschlagen, sollten nie throw den Fehler, da autoCreate true ist und die xtype angegeben ist, wenn Sie nicht bekommen kann die Ansicht sollte es nicht erstellen Sie eine neue Instanz? Lesen Sie unter erweiterte refs [link]docs.sencha.com/touch/2.1.1/#!/guide/Controller
- So erhalten Sie immer noch die gleiche Fehlermeldung: Uncaught TypeError: Object [object Object] in Zeile var mainnav = this.getMainPanel();
- Ja, gleiche Fehlermeldung. Ich werde zu aktualisieren, original post mit neuen code zu überprüfen, habe ich richtig umgesetzt
- Ich aktualisiert meine Antwort. Hoffentlich hilft.
- Das macht Sinn, aber jetzt gibt es die folgende Warnung, ohne jemals die Verarbeitung der Einführung: - Funktion [WARNUNG][Anonym] Die controller 'AddCharSheet.controller.MainController' nicht haben eine Start-Methode. Sind Sie sicher, es erstreckt sich von der Ext.app.Controller? Auch, pro den docs und Kommentare darin, zog ich den Start aus der config-Objekt - so oder so-Fehler ist es.
- Haben Sie versucht, mit all Ihren viewsim Ext.application({...})
- Zeile 2 MainController.js ich legte Erweitern, statt zu verlängern, funktioniert jetzt. Danke, Antwort markiert.
InformationsquelleAutor cclerville

Eigentlich, wenn Sie anrufen mainnav = this.getMainPanel(); innerhalb der Funktion init() der MainPanel-Ansicht ist noch nicht erstellt, das ist, warum Sie immer undefined, versuchen Sie es mit einem click-handler, und Sie werden sehen, dass wird funktionieren, weil alle Ansichten bereits erstellt, im moment des Klicks.

probieren Sie etwas wie dieses :

Ext.define('IT.controller.UserController', {
    extend: 'Ext.app.Controller',
    views: [
        'user.authentication'
    ],
    refs: [
        {
            ref: 'Authentication',
            selector: 'Authentication',
        }
    ],
    init: function() {
        console.log('Initialized Users');
        var me = this;
        me.control(
            {
                '#login-user-btn': {
                    click: me.handleLoginUser
                }
            }
            );
        },
    handleLoginUser: function(button, e) {
        alert('Ok');
        //var form= button.up('form').getForm();
        var form = this.getAuthentication();
        alert(form);
    }
})

InformationsquelleAutor user1828433

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.