Collection ajouter un écouteur d'événement de la colonne vertébrale

Je suis en train de mettre à jour mon point de vue chaque fois que j'ajoute un nouveau modèle à ma collection. Ma première question est: dois-je ajouter automatiquement un modèle de ma collection lorsque j'enregistre que modèle, comme: 

PostsApp.Views.Form = Backbone.View.extend({
    template: _.template($('#form-template').html()),
    render: function(){
        this.$el.html(this.template(this.model.toJSON()));
    },
    events:{
        'click button' : 'save'
    },

    save: function(e){
        console.log("is this working");
        e.preventDefault();
        var newname = this.$('input[name=name-input]').val();
        var newadress = this.$('input[name=adress-input]').val();
        this.model.save({name: newname, adress : newadress});
    }


});

ou dois-je continuer à faire de la collection.ajouter()

Autre que celui de voir le nouveau modèle de mon point de vue je suis d'essayer d'ajouter un 'ajouter' écouteur d'événement comme ceci:

PostsApp.Views.Posts = Backbone.View.extend({
    initialize: function(){
        this.collection.on('add', this.addOne, this);

    },
    render: function(){
        this.collection.forEach(this.addOne, this);
    },

    addOne: function(post){
        var postView = new PostsApp.Views.Post({model:post});
        postView.render();
        this.$el.append(postView.el);
    }
});

Non seulement cela ne marche pas, mais quand j'ajoute de la méthode initialize, c'est juste les doublons tout en mon modèle lorsque la page est chargée pour la première fois.

InformationsquelleAutor Gorkem Yurtseven | 2013-06-07
  1. 13

    Nan.. Quand vous faites un model.save , il suffit de créer un zombie modèle ( Si c'est pas déjà une partie de la collection .j'.e Si un Nouveau modèle est enregistré) qui n'est pas une partie de la collecte.

    De sorte que votre ajouter un événement n'est pas déclenché pour la collection.

    Si vous voulez le ajouter un événement à être déclenchée , Utilisez le create méthode de collecte , qui sera ensuite savoir sur quelle collecte le nouveau modèle doit être ajouté.. 

    collection.create({model});

    Alors il serait en interne, ajouter le modèle à la collecte et à l'incendie de la add event

    Aussi il est préférable de l'utiliser listenTo au lieu de fixer des événements à l'aide on

    this.listenTo(this.collection, 'add', this.addOne);

    Code

    PostsApp.Views.Form = Backbone.View.extend({
    template: _.template($('#form-template').html()),
    render: function () {
        this.$el.html(this.template(this.model.toJSON()));
    },
    events: {
        'click button': 'save'
    },

    save: function (e) {
        console.log("is this working");
        e.preventDefault();
        var newname = this.$('input[name=name-input]').val();
        var newadress = this.$('input[name=adress-input]').val();
        this.collection.create({
            name: newname,
            adress: newadress
        });
    }
});

PostsApp.Views.Posts = Backbone.View.extend({
    initialize: function () {
        this.listenTo(this.collection, 'add', this.addOne);

    },
    render: function () {
        this.collection.forEach(this.addOne, this);
    },

    addOne: function (post) {
        var postView = new PostsApp.Views.Post({
            model: post,
            collection : this.collection
        });
        postView.render();
        this.$el.append(postView.el);
    }
});
    • grâce où doit cette collection.créer({modèle}); être dans mon code?
    • Donc, fondamentalement, vous voulez passer dans la collection de la subView et dans la méthode save de subView vous auriez besoin de l'utiliser
    • Je suppose que dans la méthode save, donc quand je crée un nouveau formview je dois passer dans une collection à la place d'un modèle?
    • ah bon, j'ai aussi tapé juste quelque chose de très similaire.. merci
    • assurez-vous .. 🙂
    InformationsquelleAutor Sushanth --