hören Sie zu einer Sammlung hinzufügen/ändern, als eine model-Attribut einer view

Habe ich eine Maßnahme Ansehen, und es hat eine zugeordnete Maßnahme-Modell, welches aus zwei Sammlungen, RepresentationsCollection und BeatsCollection. Die Maßnahme Ansicht geschachtelte untergeordnete Darstellung Ansichten, jede mit Ihrer eigenen Repräsentation, Modell und Darstellung aller Modelle teilen das gleiche Attribut einen Verweis auf die Maßnahme View BeatsCollection.

Ich weiß, dass, wenn Sie hören, ein change Veranstaltung, die Sammlung wird nicht reagieren, wenn etwas Hinzugefügt wird. Sie sollen binden. Die docs sind nicht die besten. Also, wenn das Kind Darstellung wie folgt Aussehen:

hören Sie zu einer Sammlung hinzufügen/ändern, als eine model-Attribut einer view

representation.View = Backbone.View.extend({
  initialize: function(options) {
    //this.beatsCollection is a reference to the Parent Measure View attribute beatsCollection which is a collection
    this.model.listenTo(this, 'change:beatsCollection', this.render);
    this.model.on('change:beatsCollection', this.render, this);
    this.bind.listenTo(this, 'change:beatsCollection', this.render);
  },

und hier ist das Modell:

representation.Model = Backbone.Model.extend({
  initialize: function(options) {
    console.log(options); 
    this.idAttribute = options.idAttribute;
    this.type = options.type;
    this.beatsCollection = options.beatsCollection;
 }

Wie höre ich bei dem Attribut, auf dieser Aussicht zugehörige Modell, das ein Attribut hat, das ist verbunden mit einer Sammlung auf ein anderes Modell?

Hier ist ein Plnkr: http://plnkr.co/edit/z4mWqo1v0nDe13TiB9r3?p=preview

Klicken Sie zuerst auf "add a representation".

Zweitens, klicken Sie auf "add a beat' und beachten Sie, dass die Anzahl der Schläge nicht aktualisieren.
Drittens, wenn Sie klicken Sie auf "hinzufügen einer Vertretung' wieder, es wird ein weiteres mit der richtigen Anzahl von Schlägen.
In der Representation.js Blick, wie bekommen wir die Darstellung Ansichten neu Rendern, wenn eines der Geschwister-Ansichten klicken Sie auf "hinzufügen ein beat'

InformationsquelleAutor chris Frisina | 2014-07-17
  1. 3

    aktualisiert Plnkr: http://plnkr.co/edit/JtyxnhaGlPVijhbRPt5v?p=preview

    trick war hier in Vertretung.Ansicht einbauen

    initialize: function(options) {
  if(options.model){this.model=options.model;}
  this.model.listenTo(this, 'change:beatsCollection', this.render);
  this.model.on('change:beatsCollection', this.render, this);
  this.model.on('change:beatsCollection', this.render, this);
  //this.model.on('destroy', this.remove, this);
},

    mit

    initialize: function(options) {
  if(options.model){this.model=options.model;}
  this.listenTo(this.model.beatsCollection,  'add remove reset', this.render);
},
    • Dies nur hört Sie auf hinzufügen. Ich Kette remove und change oder sollte ich eine bind oder bindAll. Wenn ja, wie?
    • aktualisiert code, um zu lauschen, entfernen und zurücksetzen
    • beachten Sie auch, dass beatsCollection ist nicht ein Attribut des Modells, so ändern:beatsCollection nie ausgelöst. Auch wenn Sie machen es ein Attribut, da Sie durch Verweis übergeben ändern:beatsCollection wird nie ausgelöst.
    • So, obwohl es gespeichert ist, als ein Attribut, sollte ich noch behandeln Sie wie eine Sammlung?
    • Ich würde vorschlagen, weiterhin mit Modell.beatsCollection und höre auf es wie eine Sammlung. das macht den code besser lesbar, und die nehmen die Verwirrung von change-Ereignis ausgelöst wird.
    • Beachten Sie, dass die Einstellung this.model in der initialize-Funktion ist unnötig, weil-Backbone übernimmt das für Sie.

    InformationsquelleAutor Ravi Hamsa
Schreibe einen Kommentar