Backbonejs collection not populated, but fetch works

Content Index :

Backbonejs collection not populated, but fetch works
Backbonejs simplest collection fetch
BackboneJS collection.reset() vs collection.fetch()
Backbonejs add to collection only if fetch data different
BackboneJS fetch collection based on parameters
BackboneJS testing collection fetch

Backbonejs collection not populated, but fetch works

Tag : javascript , By : redha

Date : November 24 2020, 01:01 AM

it should still fix some issue I see a lot of good things, here. You're embracing the Backbone event-driven model (by rendering on sync, for example) and you're off to a good start.
Your problem is that you're calling render on the collection, and not the view, in your sync callback.

matches.bind("sync", matches.render, matches);

matches.bind("sync", matches.render, matches);
matches.fetch({ ... });

var matchesModelView = new MatchesModelView({collection: matches });
matches.bind("sync", matchesModelView.render, matches);
matches.fetch({ ... });

Comments

No Comments Right Now !

Boards Message :

You Must Login Or Sign Up to Add Your Comments .

Share :

Tags :

Backbonejs collection not populated but fetch works , BackboneJS collection.reset() vs collection.fetch() , Backbonejs simplest collection fetch , BackboneJS testing collection fetch , populated synonym ,

Backbonejs simplest collection fetch

Tag : javascript , By : Jason Vance

Date : March 29 2020, 07:55 AM

this one helps. Backbone does not support fetching XML, hence, you'll need to override the sync method to provide your own custom parsing functionality. If you don't want to have to mess with Backbone internals, try doing your $.ajax GET first, parse your response into a proper JSON Array and then use that array with a Backbone#Collection-reset.
Backbone#Collection-fetch

BackboneJS collection.reset() vs collection.fetch()

Tag : javascript , By : Pancilobak

Date : March 29 2020, 07:55 AM

To fix the issue you can do reset sets the collection with an array of models that you specify:

collection.reset( [ { name: "model1" }, { name: "model2" } ] );

collection.fetch( { url: someUrl, success: function(collection) {
    // collection has values from someUrl
} } );

Backbonejs add to collection only if fetch data different

Tag : json , By : unfool

Date : March 29 2020, 07:55 AM

To fix the issue you can do I am writing a small app that calls a json request that has data about a track that is playing for a music player. Every 2-3 minutes that track on the json request changes. I am trying to get backbone to only fire and add another model to my collection if the previous entry called is different. Here is my code so far, however it keeps rendering the same data , Something like this should work

startup: function() {
    window.setInterval(function () {
        console.log('fetching');
        var track = new Track();
        track.fetch()
        .done(function() {
            if(!this.isSamePrevTrack(track)) {
                e.collection.add(track);
            }
        }.bind(this));
    }.bind(this), 2000); 
},

isSamePrevTrack: function(track) {
    if(!this.prevTrack) {
      this.prevTrack = track;
      return false;
     }
    // Do some test to see if the track is the same
    // ie. return this.prevTrack.get('id') === track.get('id');
});

BackboneJS fetch collection based on parameters

Tag : backbone.js , By : Marianisho

Date : March 29 2020, 07:55 AM

wish helps you Options are not stored by default, but you can override your initialize method to provide this functionality. You would then use this stored value in your parse method :

Genres.Collection = Backbone.Collection.extend({
    url: function() {
        return 'path to my json';
    },
    initialize: function(opts) {
       opts = opts || {};
       this.genre = opts.genre || 'rock';
    },
    parse: function(response){
        return response.data.genres[this.genre];
    }           
});