Computed properties in Backbone

by

I am using a combination of the initialize() function together with change event listeners to update derived attributes. The idea is first to compute the attributes on model initialization, and second to let the model listen to its own changes and update the attributes accordingly.

My solution looks roughly like this:

MyModel: Backbone.Model.extend({
    initialize: function() {
        this.updateDerivedAttributes();
        this.on('change:start_at', this.updateDerivedAttributes, this);
    },
    updateDerivedAttributes: function() {
        this.set({
            start_date: Utils.dateFromDate( this.get( "start_at" ) ),
            start_time: Utils.timeFromDate( this.get( "start_at" ) ),
            duration: Utils.youGetTheIdea()
        }, {silent:true});
    }
});

More Related Contents:

  1. Ways to save Backbone.js model data?
  2. Accessibility and all these JavaScript frameworks
  3. Underscore template throwing variable not defined error
  4. Explanation of …
  5. Best way to iterate over an array without blocking the UI
  6. AngularJS passing data to $http.get request
  7. Difference between the ‘controller’, ‘link’ and ‘compile’ functions when defining a directive
  8. How to override Backbone.sync?
  9. Backbone.js Empty Array Attribute
  10. What is the difference between React Native and React?
  11. using setInterval in angularjs factory
  12. How to use if statements in underscore.js templates?
  13. Finding JavaScript memory leaks with Chrome
  14. “Single-page” JS websites and SEO
  15. Backbone.js and pushState
  16. Backbone: event lost in re-render
  17. jQuery: Check if div with certain class name exists
  18. Backbone.js get and set nested object attribute
  19. Backbone 0.9.9: Difference between listenTo and on
  20. In Javascript, what does this underscore mean?
  21. The collection nested inside firebase collection’s model doesn’t have add function
  22. How do I fetch a single model in Backbone?
  23. start javascript code with $(function, etc
  24. Is there anyway to detect OS language using javascript?
  25. What is the purpose of backbone.js?
  26. How to get an element by its href in jquery?
  27. how to select all class except the clicked element in JQuery?
  28. Extending React.js components
  29. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’
  30. Super in Backbone

Leave a Comment