Backbone.js get and set nested object attribute

by

While this.model.get("obj1").myAttribute1 is fine, it’s a bit problematic because then you might be tempted to do the same type of thing for set, i.e.

this.model.get("obj1").myAttribute1 = true;

But if you do this, you won’t get the benefits of Backbone models for myAttribute1, like change events or validation.

A better solution would be to never nest POJSOs (“plain old JavaScript objects”) in your models, and instead nest custom model classes. So it would look something like this:

var Obj = Backbone.Model.extend({
    defaults: {
        myAttribute1: false,
        myAttribute2: true
    }
});

var MyModel = Backbone.Model.extend({
    initialize: function () {
        this.set("obj1", new Obj());
    }
});

Then the accessing code would be

var x = this.model.get("obj1").get("myAttribute1");

but more importantly the setting code would be 

this.model.get("obj1").set({ myAttribute1: true });

which will fire appropriate change events and the like. Working example here: http://jsfiddle.net/g3U7j/

More Related Contents:

  1. Underscore template throwing variable not defined error
  2. Explanation of …
  3. Best way to iterate over an array without blocking the UI
  4. What does `void 0` mean? [duplicate]
  5. How to override Backbone.sync?
  6. Backbone.js Empty Array Attribute
  7. Backbone: Why assign `$(‘#footer’)` to `el`? [duplicate]
  8. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  9. How to use if statements in underscore.js templates?
  10. Finding JavaScript memory leaks with Chrome
  11. “Single-page” JS websites and SEO
  12. Backbone.js and pushState
  13. Backbone: event lost in re-render
  14. Backbone.js model.get() returning ‘undefined’ even though I can see the attributes in console.log
  15. How to handle initializing and rendering subviews in Backbone.js?
  16. Backbone 0.9.9: Difference between listenTo and on
  17. In Javascript, what does this underscore mean?
  18. correctly implement backbone comparators
  19. The collection nested inside firebase collection’s model doesn’t have add function
  20. Backbone.View “el” confusion
  21. Accessibility and all these JavaScript frameworks
  22. start javascript code with $(function, etc
  23. Reverse sort order with Backbone.js
  24. backbone.js structuring nested views and models
  25. Computed properties in Backbone
  26. Tell screen reader that page has changed in Backbone/Angular single-page app
  27. How to capture the key event from a view?
  28. What is the difference between these Backbone/Underscore .bind() methods?
  29. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’
  30. rails and backbone working together

Leave a Comment