What is two way binding?

by

Two-way binding just means that:

  1. When properties in the model get updated, so does the UI.
  2. When UI elements get updated, the changes get propagated back to the model.

Backbone doesn’t have a “baked-in” implementation of #2 (although you can certainly do it using event listeners). Other frameworks like Knockout do wire up two-way binding automagically.

enter image description here

In Backbone, you can easily achieve #1 by binding a view’s “render” method to its model’s “change” event. To achieve #2, you need to also add a change listener to the input element, and call model.set in the handler.

Here’s a Fiddle with two-way binding set up in Backbone.

More Related Contents:

  1. How does data binding work in AngularJS?
  2. What does `void 0` mean? [duplicate]
  3. How to override Backbone.sync?
  4. How to Implement DOM Data Binding in JavaScript
  5. Why define an anonymous function and pass it jQuery as the argument?
  6. Backbone.js Empty Array Attribute
  7. How to do two-way filtering in AngularJS?
  8. Backbone: Why assign `$(‘#footer’)` to `el`? [duplicate]
  9. External template in Underscore
  10. How to load bootstrapped models in Backbone.js while using AMD (require.js)
  11. Backbone.js : repopulate or recreate the view?
  12. Ways to save Backbone.js model data?
  13. Backbone.js model.get() returning ‘undefined’ even though I can see the attributes in console.log
  14. How to handle initializing and rendering subviews in Backbone.js?
  15. correctly implement backbone comparators
  16. The collection nested inside firebase collection’s model doesn’t have add function
  17. How to improve rendering performance when using $.html()
  18. Render value without data-binding
  19. Backbone View: Inherit and extend events from parent
  20. Backbone.View “el” confusion
  21. Accessibility and all these JavaScript frameworks
  22. Disposing of view and model objects in Backbone.js
  23. Backbone.js – data not being populated in collection even though fetch is successful
  24. Reverse sort order with Backbone.js
  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. Extending React.js components
  30. Super in Backbone

Leave a Comment