Backbone.jscheatsheet

JS
复制代码
.on('event', callback)
.on('event', callback, context)

JS
复制代码
.on({
  'event1': callback,
  'event2': callback
})

JS
复制代码
.on('all', callback)

JS
复制代码
.once('event', callback)   // 只触发一次

JS
复制代码
object.off("change", onChange); // 只解绑 `onChange`
object.off("change"); // 解绑全部的 'change'
object.off(null, onChange); // 解绑所有事件的全部的 `onChange`
object.off(null, null, context); // 解绑 'context' 的全部事件的全部回调函数
object.off(); // 解绑全部的全部的全部

JS
复制代码
object.trigger("event");

JS
复制代码
view.listenTo(object, event, callback);
view.stopListening();

JS
复制代码
var View = Backbone.View.extend({
  model: doc,

JS
复制代码
tagName: 'div',
  className: 'document-item',
  id: "document-" + doc.id,
  attributes: { href: '#' },

JS
复制代码
el: 'body',

JS
复制代码
events: {
    'click button.save': 'save',
    'click .cancel': function() { ··· },
    'click': 'onclick'
  },

JS
复制代码
constructor: function() { ··· },
  render: function() { ··· }
})

JS
复制代码
view = new View()
view = new View({ el: ··· })

JS
复制代码
view.$el.show();
view.$("input");

JS
复制代码
view.remove();

JS
复制代码
view.delegateEvents();
view.undelegateEvents();

JS
复制代码
var Model = Backbone.Model.extend({
  defaults: {
    'author': 'unknown'
  },
  idAttribute: '_id',
  parse: function() { ··· }
})

JS
复制代码
var obj = new Model({ title: "Lolita", author: "Nabokov" });

JS
复制代码
var obj = new Model({ collection: ··· })

JS
复制代码
obj.id;
obj.cid; // → 'c38' (客户端 ID)

JS
复制代码
obj.clone();

JS
复制代码
obj.hasChanged("title");
obj.changedAttributes();
obj.previousAttributes();
obj.previous("title");

JS
复制代码
obj.isNew();

JS
复制代码
obj.set({ title: "A Study in Pink" });
obj.set({ title: "A Study in Pink" }, { validate: true, silent: true });
obj.unset("title");

JS
复制代码
obj.get("title");
obj.has("title");
obj.escape("title");

JS
复制代码
obj.clear();
obj.clear({ silent: true });

JS
复制代码
obj.save();
obj.save({ attributes });
obj.save(null, {
  silent: true,
  patch: true,
  wait: true,
  success: callback,
  error: callback,
});

JS
复制代码
obj.destroy();
obj.destroy({
  wait: true,
  success: callback,
  error: callback,
});

JS
复制代码
obj.toJSON();

JS
复制代码
obj.fetch();
obj.fetch({ success: callback, error: callback });

JS
复制代码
var Model = Backbone.Model.extend({
  validate: function (attrs, options) {
    if (attrs.end < attrs.start) {
      return "Can't end before it starts";
    }
  },
});

JS
复制代码
obj.validationError
obj.isValid()
obj.on('invalid', function (model, error) { ··· })

JS
复制代码
obj.save()
obj.set({ ··· }, { validate: true })

JS
复制代码
var Model = Backbone.Model.extend({
  url: '/account',
  url: function() { return '/account' },

JS
复制代码
// 固定值或回调函数都可以
  url: function() { return '/books/' + this.id }),
  urlRoot: '/books'
})

JS
复制代码
var obj = new Model({ url: ··· })
var obj = new Model({ urlRoot: ··· })