Question

I need to build several collections in Backbone that only differ by their URL. Here is my model:

App.Models.Main = Backbone.Model.extend({});

Here is my collection:

App.Collections.Mains = Backbone.Collection.extend({
        model: App.Models.Main,
        initialize: function() {
            this.fetch({
                success: function(data) {
                    //console.log(data.models);
                }
            });
        },
    url: this.url
});

In my router, I tried:

mc = new App.Collections.Mains({ url: 'main-contact'});
mains = new App.Views.Mains({ collection: mc});
$('#web-leads').append(mains.el);

But I get an this error: Error: A "url" property or function must be specified

How do I pass the URL into the collection?

Answer 1

This should work, it’s a bit ugly though:

 mc = new (App.Collections.Mains.extend({ url: 'main-contact'}));
 mains = new App.Views.Mains({ collection: mc});

You basically extend your base collection and call a new on it. Unwrapping it would be something like:

MainContantCollection = App.Collections.Mains.extend({ url: 'main-contact'});
mc = new MainContactCollection();
mains = new App.Views.Mains({ collection: mc});