References
- Backbone website (backbonejs.org)
- Backbone patterns (ricostacruz.com) ### [Models] Custom URLs
var Model = Backbone.Model.extend({
// Single URL (string or function)
url: '/account',
url: function() { return '/account' },
// Both of these two work the same way
url: function() { return '/books/' + this.id }),
urlRoot: '/books'
})
var obj = new Model({ url: ··· })
var obj = new Model({ urlRoot: ··· })
[Models] Validation
var Model = Backbone.Model.extend({
validate: function(attrs, options) {
if (attrs.end < attrs.start) {
return "Can't end before it starts"
}
}
})
{: data-line="2"}
obj.validationError //=> "Can't end before it starts"
obj.isValid()
obj.on('invalid', function (model, error) { ··· })
// Triggered on:
obj.save()
obj.set({ ··· }, { validate: true })
[Models] Methods
obj.id
obj.cid // → 'c38' (client-side ID)
obj.clone()
obj.hasChanged('title')
obj.changedAttributes() // false, or hash
obj.previousAttributes() // false, or hash
obj.previous('title')
obj.isNew()
obj.set({ title: 'A Study in Pink' })
obj.set({ title: 'A Study in Pink' }, { validate: true, silent: true })
obj.unset('title')
obj.get('title')
obj.has('title')
obj.escape('title') /* Like .get() but HTML-escaped */
obj.clear()
obj.clear({ silent: true })
obj.save()
obj.save({ attributes })
obj.save(null, {
silent: true, patch: true, wait: true,
success: callback, error: callback
})
obj.destroy()
obj.destroy({
wait: true,
success: callback, error: callback
})
obj.toJSON()
obj.fetch()
obj.fetch({ success: callback, error: callback })
[Models] Instantiating
var obj = new Model({ title: 'Lolita', author: 'Nabokov' })
var obj = new Model({ collection: ··· })
[Models] Defining
// All attributes are optional
var Model = Backbone.Model.extend({
defaults: {
'author': 'unknown'
},
idAttribute: '_id',
parse: function() { ··· }
})
[Views] Methods
view.$el.show()
view.$('input')
view.remove()
view.delegateEvents()
view.undelegateEvents()
[Views] Instantiating
view = new View()
view = new View({ el: ··· })
[Views] Defining
// All attributes are optional
var View = Backbone.View.extend({
model: doc,
tagName: 'div',
className: 'document-item',
id: "document-" + doc.id,
attributes: { href: '#' },
el: 'body',
events: {
'click button.save': 'save',
'click .cancel': function() { ··· },
'click': 'onclick'
},
constructor: function() { ··· },
render: function() { ··· }
})
List of events
-
Collection:
-
add
(model, collection, options) -
remove
(model, collection, options) -
reset
(collection, options) -
sort
(collection, options)
-
-
Model:
-
change
(model, options) -
change:[attr]
(model, value, options) -
destroy
(model, collection, options) -
error
(model, xhr, options)
-
-
Model and collection:
-
request
(model, xhr, options) -
sync
(model, resp, options)
-
-
Router:
-
route:[name]
(params) -
route
(router, route, params)
-
Top comments (0)