Backbone Marionette: templateHelpers und itemViewOptions

Ich habe ein problem mit Rückgrat Marionette und ItemView-rendering.
Ich brauche einen Wert aus einer Zusammengesetzten Ansicht zu jedem Element Anzeigen.
Der Wert enthalten ist, korrekt im options-array der Element-Ansicht, allerdings kann ich ihn über die templateHelpers Methode.

Also habe ich versucht, um es als Wert meiner Ansicht, aber wenn ich render das array gibt es eine "undefined" - Wert.

Das Composite View

var TableView = Backbone.Marionette.CompositeView.extend({
....
    itemViewOptions: {
        foo: "bar",
    },

Der Item View

var RowView = Backbone.Marionette.ItemView.extend({

template: RowTemplate,
tagName: "tr",
foo: "",

initialize: function(){

    this.foo = this.options.foo;              
},

templateHelpers: {  

     foo: function(){
         return this.foo;
     }

},

Was ich falsch mache? Wie kann ich den Zugriff auf den Wert und Holen Sie es an der Vorlage? Danke.

InformationsquelleAutor Ingro | 2012-08-21

  1. 29

    In der templateHelpers Funktionen, die this Variablen ist das Objekt, das war retured aus der serializeData Methode. Um die itemViewOptions in der templateHelpers, dann müssen Sie zum ändern der serializeData Methode auf das Element anzeigen:

    
ItemView.extend({

  //...

  serializeData: function(){
    //call the super method
    var data = Backbone.Marionette.ItemView.prototype.serializeData.apply(this, arguments);

    //augment the data the way you need
    data.foo = this.options.foo;

    //send back your custom data
    return data;
  }


});

    Diese sollten Ihre Daten in der templateHelpers.

    Genau das, was ich brauchte, um eine option in der Funke Vorlage.

    InformationsquelleAutor Derick Bailey

  2. 12

    Einfachere Lösung verwenden Bau templateHelpers: function(){return {}} Beispiel:

    var RowView = Backbone.Marionette.ItemView.extend({
    //...
    templateHelpers: function(){  
        return {
            foo: this.foo
        }
    },
    //...
})

    und für die Verwendung mit Daten:

    var RowView = Backbone.Marionette.ItemView.extend({
    //...
    templateHelpers: function(){
        var foo = this.foo  //context is view
        return {
            something: function(){ 
                return this.name + " " + foo  //context is data object
            }
        }
    },
    //...
})

    Docs: https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.view.md#object-or-function-as-templatehelpers

    Zum aufrufen dieser Funktion in der Vorlage würde ich es aufrufen wie diesem: something()?

    InformationsquelleAutor evgeniy.klemin

  3. 1

    Ich denke, das ist einfacher

    Ihrer Ansicht

    var RowView = Backbone.Marionette.ItemView.extend({
...
 initialize: function(options){
            this.options = options;
        },
        options: {},
  templateHelpers: function(){
        var foo = this.options.foo;
....

}

    der Vorteil von diesem ist, wenn Sie haben andere Dinge, die Sie wollen, um Werte übergeben, können Sie nehmen es einfach von Optionen, zum Beispiel in einem meiner Ansichten habe ich

     className: function(){ return this.options.size + "-widget"; }

    für eine Sammlung von widgets.

    InformationsquelleAutor user254694

  4. 0

    Wenn Sie sind dem Aufruf der super-Methode als Derick vorgeschlagen

    var data = Backbone.Marionette.ItemView.prototype.serializeData.apply(this, arguments);

    Sicher sein, rufen Sie es auf eine geeignete Klasse wie CompositeView statt ItemView, denn seit Marionette 2.2 SerializeData fn wurde geändert, um pass on Logik, um bestimmte Funktionen und nicht alle sind in allen Klassen

    Oder alternativ, wenn Sie mit CoffeeScript, können Sie rufen Sie data = super(arguments)

    InformationsquelleAutor Dejan Cancarevic

Schreibe einen Kommentar