Skip to content

Instantly share code, notes, and snippets.

@ripter
Created December 19, 2012 15:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ripter/4337343 to your computer and use it in GitHub Desktop.
Save ripter/4337343 to your computer and use it in GitHub Desktop.
Simple backbone example.
mycompany.Collections.MyCollection = Backbone.Collection.extend({
model: mycompany.Models.MyModel
, url: '/rest/models'
})
mycompany.Models.MyModel = Backbone.Model.extend({
url: '/rest/model'
})
mycompany.Views.MyView = Backbone.View.extend({
initialize: function() {
// good practice but not nessary for this simple example
_.bindAll(this);
// create the collection
this.collection = new mycompany.Collections.MyCollection();
// when we get the data back call render
this.collection.on('reset', this.render);
// fetch the items from the server
this.collection.fetch();
}
, render: function() {
var self = this;
// loop over the models and render each one
self.collection.each(function(model){
// do your rendering
self.$el.append('<div>' + model.get('someProperty') + '</div>');
})
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment