Backbone.js is a client-side MV* framework that can do some pretty smart things with data going to and coming back from a server, and has a great event model for keeping multiple views in sync.

This little example shows how Backbone Models and Collections can work with Handsontable. Below, you'll see events firing from changes in the CarCollection by Handsontable or otherwise.

Please note that Backbone integration is a work in progress since Handsontable 0.8.14. The code presented here has 2 known issues:

  • inserting and removing rows or columns triggers errors, both when using alter method and the context menu
  • minSpareRows does not have effect directly after row was added from Backbone (as a workaround, you would need to call loadData instead of render)

Both issues will be addressed in future versions of HT. Contributions are welcome!