Extjs4 MVC, wie bekomme Modell oder eine Ansicht aus einer Controller-Klasse?

Ext.define('DigitalPaper.controller.Documents', {
 extend: 'Ext.app.Controller',

 views:  ['Documents'],
 stores: ['Documents'],
 models: ['Documents'],

 init: function() {
     console.log('[OK] Init Controller: Documents');
 } 
});

Was ist die Funktion zu bekommen, Modell oder View dieses Controllers?
Ich habe versucht 

  Ext.getModel('Documents');
  this.getModel('Documents');
  this.getModel();
  this.getDocumentsModel();

Alle schlägt?

InformationsquelleAutor Pierluigi B Web Developer | 2012-06-06
  1. 9

    Lösung Gefunden:

    In der Steuerung ist es möglich, die Referenz auf den View:

    refs: [{
    ref: 'viewDocuments', //will be create the method this.getViewDocuments();
    selector: 'Documents'
}],

    So können Sie die Ansicht mit diesem:

    this.getViewDocuments();
    • Niemand scheint zu sagen, wo die "das.getViewDocuments();" werden muss - oder was "dies" ist in dem Zusammenhang die Leute erwarten von mir, es zu benutzen 🙁
    • Durch die Nutzung der 'refs' - Abschnitt der ExtJS controller-definition erstellen, können Sie schnellen Zugriff auf Häufig genutzte Komponenten. Verweise automatisch erstellen 'getter' Methoden, basierend auf den vorgelegten text für 'ref'. In diesem Beispiel erstellt die get-Methode ist 'getViewDocuments'. Dies kann aufgerufen werden, während der controller, wo 'diese' bezieht sich auf den controller-Bereich. Die "Selektor" - definition verwendet wird, in die resultierende Ext.ComponentQuery.query () - Aufruf. Siehe die Dokumentation für ComponentQuery.query () - und sehen, wie mächtig die Selektor-definition kann!
    InformationsquelleAutor Pierluigi B Web Developer
  2. 7

    Extern Controller sind ziemlich seltsam, dass eine einzelne Instanz von einem bestimmten controller, egal, wie viele zugehörige view-Instanzen, die Sie haben könnten. In den meisten MVC oder MVP-Systeme gibt es eine controller-Instanz-per-view-Instanz.

    Wenn Sie planen, mehrere view-Instanzen, dann sollten Sie nicht halten Referenzen auf views in den controller.

    Vielleicht möchten Sie sich in Geschickter MVC-Erweiterung für ExtJs, der eine controller-Instanz-per-view-Instanz (plus dependency injection):

    http://deftjs.org/

    Sowieso, controller.getView() liefert eine Referenz auf die view-KLASSE, nicht ein Objekt, Instanz. Gleiche mit getModel(). getStore() zurückgegeben wird eine Instanz speichern.

    In Ihrem controller, können Sie etwas wie das hier tun:

    this.viewInstance = this.getDocumentsView().create();

    Ich würde auch empfehlen, die Benennung des Modells im singular. Es ist nicht die Dokumente. Es ist ein Dokument.

    InformationsquelleAutor Neil McGuigan
  3. 1

    Sollte dies funktionieren:

    Ext.define('DigitalPaper.controller.Documents', {
 extend: 'Ext.app.Controller',

 views:  ['Documents'],
 stores: ['Documents'],
 models: ['Documents'],

 init: function() {
     console.log('[OK] Init Controller: Documents');

     //get references to view and model classes which can be used to create new instances
     console.log('View', this.getDocumentsView());
     console.log('Model', this.getDocumentsModel());

     //reference the Documents store
     console.log('Store', this.getDocumentsStore());

 }

    });

    Diese Methoden werden erstellt, indem eine Methode in der Ext-controller schafft, dass die Getter.
    http://docs.sencha.com/ext-js/4-0/source/Controller.html#Ext-app-Controller

    Hier ist, was diese Methode sieht wie folgt aus:

    createGetters: function(type, refs) {
    type = Ext.String.capitalize(type);
    Ext.Array.each(refs, function(ref) {
        var fn = 'get',
            parts = ref.split('.');

        //Handle namespaced class names. E.g. feed.Add becomes getFeedAddView etc.
        Ext.Array.each(parts, function(part) {
            fn += Ext.String.capitalize(part);
        });
        fn += type;

        if (!this[fn]) {
            this[fn] = Ext.Function.pass(this['get' + type], [ref], this);
        }
        //Execute it right away
        this[fn](ref);
    },
    this);
},
    • getDocumentsView() nicht zurückgegeben wird, eine Instanz von a-Dokumente anzeigen
    • Guter Punkt. Ich aktualisiert die Beispiel-snippet mit Kommentaren festzustellen, was die get zurück.
    • Funktion View () - Modell-Funktion () - Objekt zu Speichern { events={...}, data={...}, Zackenbarsche={...}, altri elementi...} -> bekomme ich diese in der Konsole, funktioniert es für den laden aber nicht für die Ansicht und Modell. Ich bekomme "function()"
    InformationsquelleAutor John Rice
  4. 0

    getModel() und getView() nicht wieder die model /Blick auf die controller - Sie kehren Instanzen dieser in der app (und wenn keine vorhanden sind, werden Sie instanziert werden).

    Können Sie einfach verwenden Sie diese Option, um die Ansicht /Modell-Namen:

    this.views[0]

    Ich bin nicht sicher, wo Sie mit Ihrem wird ( dh, diese.getModel('Details') ), aber diese sollten ordnungsgemäß zurückgeben, die eine Instanz des Modells (der Konstruktor ist der einzige Ort, Sie haben möglicherweise Probleme verweisen auf diese).

    • Diese Antwort nicht viel Sinn machen.
    • Ja, die muss ich haben falsch verstanden, die Frage. Und du hast Recht, getModel liefert die Klasse keine Instanz; das ist, warum wir Sie verwenden .create();
    InformationsquelleAutor Izhaki
Schreibe einen Kommentar