Binden Sie einen Blick auf die Sammlungen in backbone.js

Ich bin halb-neu-backbone. Ich bin versucht zu binden-eine Kollektion, die eine Ansicht so, dass wenn ein neues Modell Hinzugefügt, um eine Sammlung, die Ansicht wird aktualisiert. Ich denke, wenn man dies mit Modellen, die Sie binden können, um das Modell change-Ereignis. Aber wie machst du das gleiche mit Sammlungen?

App.Views.Hotels = Backbone.View.extend({

    tagName: 'ul',

    render: function() {
        this.collection.each(this.addOne, this);
        var floorplanView = new App.Views.Floorplans({collection:floorplanCollection});
        $('.floorplans').html(floorplanView.render().el);
        return this;
    },

    events: {'click': 'addfloorplan'},

    addOne: function(hotel) {
        var hotelView = new App.Views.Hotel ({model:hotel});
        this.$el.append(hotelView.render().el);
    },

    addfloorplan: function() {
        floorplanCollection.add({"name": "another floorplan"});
    }
});

App.Collections.Floorplans = Backbone.Collection.extend({
    model: App.Models.Floorplan,
    initialize: function () {
        this.bind( "add", function() {console.log("added");} );
    }
});

Das click-Ereignis ausgelöst, und ergänzt die Sammlung. Aber wie bekomme ich es um die Ansicht zu aktualisieren?

InformationsquelleAutor Jeff | 2013-03-08

  1. 3

    Können Sie hören, die Sammlung add Veranstaltung, die feuert, wenn ein neues Element Hinzugefügt, um die Sammlung. In modernen Versionen von Rückgrat, die Methode listenTo bevorzugt bind oder on für das hören von Ereignissen. (Lesen Sie de-Dokumentation für mehr info)

    Zum Beispiel, in Ihrem Fall sollte dies den trick tun:

    App.Views.Hotels = Backbone.View.extend({

  initialize: function() {
    this.listenTo(this.collection,'add', this.addOne);
  },
  //rest of code

    Hoffe, das hilft!

    InformationsquelleAutor danii

  2. 2

    Hier ist ein nettes tutorial, ich hatte nach langer Zeit.

    Ein Intro zu Backbone.js: Teil 3 – Bindung eine Sammlung auf einen Blick

    Hilft es, Sie definieren eine DonutCollectionView, der, wenn gegeben, eine Sammlung von donuts, machen ein UpdatingDonutView für jeden donut.

    InformationsquelleAutor Venkat Kotra

Schreibe einen Kommentar