Fork me on GitHub

Handsontable

a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery

Backbone.js

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!

For more examples, head back to the main page.

Handsontable © 2012 Marcin Warpechowski and contributors.
Code and documentation licensed under the The MIT License.