console.log('js-backbone');


var object = {};

_.extend(object, Backbone.Events);

object.on("alert", function(msg) {
  console.log("Triggered " + msg);
});

object.trigger("alert", "an event");



var model = new Backbone.Model({
  title : true
});
model.set({'name': 'Taro'});

console.log(model.has('name'));

model.on("change", function (model) {
    console.log(model.name); // undefined
    console.log(model.toJSON());
    console.log(" changed!");
});


model.set({'name': 'Hanako'});
model.set({'html': '<a>text</a>'});

console.log(model.get('name'));
console.log(model.escape('html'));

console.log(model.has('title'));
model.unset('title')








/*



var Model2 = new Backbone.Model.extend({
  validate: function (attrs) {
      if (_.isEmpty(attrs.name)) {
          return "Invalid!";
      }
  }
});

var model2 = new Model2();

*/

/*
model2.on("error", function (model2, error) {
    console.log(error);
});

model2.set({name: "a"});
model2.set({name: ""});
*/












var DocumentView = Backbone.View.extend({

  events: {
    "dblclick"                : "open",
    "click .icon.doc"         : "select",
/*
    "contextmenu .icon.doc"   : "showMenu",
    "click .show_notes"       : "toggleNotes",
    "click .title .lock"      : "editAccessLevel",
    "mouseover .title .date"  : "showTooltip"
*/
  },

  render: function() {
    console.log(this.model);
    this.$el.html(this.template(this.model.attributes));
    return this;
  },

  open: function() {
    window.open(this.model.get("viewer_url"));
  },

  select: function() {
    console.log(this.model);
    this.model.set({selected: true});
  },

});

var view = new DocumentView();

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-backbone/