Lier une vue de collections backbone.js

Je suis semi-nouvelle dorsale. Je suis en train de lier une collection à la vue de sorte que lorsqu'un nouveau modèle est ajouté à une collection, la vue est mise à jour. Je pense que quand vous faites cela avec des modèles que vous pouvez lier le modèle d'événement de changement. Mais comment voulez-vous faire de même avec les collections?

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");} );
    }
});

L'événement click les incendies et les ajoute à la collection. Mais comment dois-je faire pour mettre à jour la vue?

OriginalL'auteur Jeff | 2013-03-08

  1. 3

    Vous pouvez écouter de la collection add événement, qui se déclenche lorsqu'un nouvel élément est ajouté à la collection. Dans les versions modernes de la colonne vertébrale, la méthode listenTo est préféré à bind ou on pour l'écoute d'événements. (Lire de la documentation pour plus d'info)

    Par exemple, dans votre cas, cela devrait faire l'affaire:

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

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

    Espérons que cette aide!

    OriginalL'auteur danii

  2. 2

    Voici un tutorial que j'avais suivi il y a longtemps.

    Une Intro à Backbone.js: Partie 3 – la Liaison d'une Collection à une Vue

    Il vous aide à définir un DonutCollectionView qui, lors d'une collecte de beignets, de rendre un UpdatingDonutView pour chaque beignet.

    OriginalL'auteur Venkat Kotra