Verfügbarkeit von UI-Elementen in Marionette.View

Question

Ich möchte nur die Entscheidungen hinter Backbone.Marionette Sicht auf UI-Elemente verstehen. Wenn ein Marionette.View auf einem vorhandenen DOM-Element, wie das Instanziieren:

view = new Marionette.ItemView({ 
    el: "#element", 
    ui : { 
     whatever : "#whatever" 
    } 
}); 

Ich bin in der Lage innerhalb view.initializeview.$el, die jQuery-Selektor zugreifen, so weit so gut. Wenn ich jedoch versuche, auf view.ui.whatever zuzugreifen, habe ich nur Zugriff auf den Selektor, dh die Zeichenfolge "#whatever" anstelle des eigentlichen 0quellselektors $("#whatever").

Der Grund dafür ist, dass nur render und nicht vor initialize aufgerufen wird.

Ich würde gerne wissen, ob Sie denken, dass dieses Verhalten Logik ist und warum?

Ich frage nur im Fall der Anfügen der Ansicht an eine bestehende el, wenn die Ansicht mit einer Vorlage erstellt wird, verstehe ich, warum die Bindung in render() ist.

Answer 1

Das Anfügen einer Ansicht an ein vorhandenes Element ist die Ausnahme. Der normale View-Lebenszyklus umfasst den Aufruf render, und ohne dass dies der Fall wäre, gäbe es nichts, an das die UI-Elemente binden könnten.

Rufen Sie einfach this.bindUIElements() in Ihrer initialize Methode auf, wenn Sie eine Ansicht an ein vorhandenes Element anhängen müssen.

Answer 2

Wenn ich mit Marionette arbeite, lege ich den Code, der auf die ui-Elemente zugreifen muss, in die onShow-Methode. Dieses Ereignis wird ausgelöst, nachdem das Dom bereit ist und die Elemente bereit sind, bearbeitet zu werden. Innerhalb dieser Methode zeigt Ihr ui.whatever nun auf ein Element und nicht auf eine Zeichenfolge.

Answer 3

Ich glaube, Sie haben das Problem, weil Sie auf das jQuery Element zuzugreifen haben mit

this.ui.whatever 

Weil „dieses“ ist bereits eine View-Instanz. Siehe: http://marionettejs.com/docs/v2.4.4/marionette.itemview.html#organizing-ui-elements