populate collection on Backbone

Question

Tutorial.Views.Layout = Backbone.Layout.extend({
  model: Tutorial.Model,
  });

initialize: function () {
  _.bindAll(this);
  this.model = new Tutorial.Model({id : $("#data").data('user') });
  this.collection = new Tutorial.Collection();
  var success1 = function(){

         console.log('OK');

     };
     this.collection.fetch({success : success1});

},

showTuto: function(){

  step = this.collection.first(1);
  console.log(step);
},

My problem is my collection is empty. My model has 4 items, but i see none of them .

Thanks in advance

Where do you not see the items? Could you try to explain the problem a bit more thoroughly? — jevakallio, Feb 26 '13 at 21:30
Ok sorry . Success is successfully called, but when i do a console.log(this.collection), the collection is empty — Pierre Cangem's, Feb 26 '13 at 21:32
When you do your fetch, are you getting a successful response? That is, is the GET returning anything? You should be able to see that in the console. — Brendan Delumpa, Feb 26 '13 at 23:37
Yes, i enter in Success1 function, i have OK. but in showTuto, the console.log is undefined... — Pierre Cangem's, Feb 27 '13 at 15:30

score 1 · Answer 1 · answered Feb 26 '13 at 21:44

We need to see some more code to make a closer suggestion, but hopefully this explanation will help you out. You should pass your model directly to the collection, OR deal with it in the fetch.

//simplified view
YourView = Backbone.View.extend({
    initialize : function(){
         var testModel = new Tutorial.Model({id : $("#data").data('user') });
         this.collection = new Tutorial.Collection();
         this.collection.add(testModel);
    }
});

In this case, you would be adding that model directly to your collection. If you want to asyncronously call and get data from the fetch and then pass a callback, you could do something like this:

//simplified view
    YourView = Backbone.View.extend({
        initialize : function(){
             this.collection = new Tutorial.Collection();
             this.collection.fetch(function(){
                  console.log('okay');
             });
        }
    });

    Tutorial.Collection = Backbone.Collection.extend({
        fetch : function(callback){
             // grab a ref to your collection
             var thisCollection = this;

             // call your data function which has the ajax call
             getYourDataFunction(function(data){
                  // if your data returned is an array of objects
                  thisCollection.add(data);

                  if (typeof callback === "function"){
                       //if you included a callback, call it with a reference to the collection
                       callback.call(thisCollection);
                  }
             });
        });
    });

thats where you do your ajax call – Evan Feb 27 '13 at 16:39 — Evan, Feb 27 '13 at 16:39

populate collection on Backbone

1 Answers1