Proper way of doing view mixins in Backbone

by

The underscore.js library provides an extend method that does what you want. You can define functionality on any object, and then quite literally copy & paste all of the methods and attributes from that object to another.

Backbone’s extend methods on Views, Models, and Routers are a wrapper around underscore’s extend.

 var MyMixin = {
  foo: "bar",
  sayFoo: function(){alert(this.foo);}
}

var MyView = Backbone.View.extend({
 // ...
});

_.extend(MyView.prototype, MyMixin);

myView = new MyView();
myView.sayFoo(); //=> "bar"

More Related Contents:

  1. Backbone js .listenTo vs .on
  2. Backbone, not “this.el” wrapping
  3. Webpack ProvidePlugin vs externals?
  4. How do I trigger the success callback on a model.save()?
  5. Backbone.js event after view.render() is finished
  6. Backbone: Refresh the current route
  7. Backbone.js – change not triggering while the name change
  8. JavaScript console.log causes error: “Synchronous XMLHttpRequest on the main thread is deprecated…”
  9. Serialize form data to JSON [duplicate]
  10. What does `void 0` mean? [duplicate]
  11. Why define an anonymous function and pass it jQuery as the argument?
  12. Backbone: Why assign `$(‘#footer’)` to `el`? [duplicate]
  13. External template in Underscore
  14. Getting Chrome to prompt to save password when using AJAX to login
  15. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  16. Backbone.js : repopulate or recreate the view?
  17. What is two way binding?
  18. Ways to save Backbone.js model data?
  19. HTTP OPTIONS error in Phil Sturgeon’s Codeigniter Restserver and Backbone.js
  20. Backbone.js model.get() returning ‘undefined’ even though I can see the attributes in console.log
  21. How to handle initializing and rendering subviews in Backbone.js?
  22. correctly implement backbone comparators
  23. Backbone.View “el” confusion
  24. Accessibility and all these JavaScript frameworks
  25. Disposing of view and model objects in Backbone.js
  26. Backbone.js – data not being populated in collection even though fetch is successful
  27. What is the purpose of backbone.js?
  28. Extending React.js components
  29. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’
  30. Super in Backbone

Leave a Comment