Data binding is a method for automatically reflecting changes in an object in the gui. This reduces the amount of coding needed in many situations. Design patterns like MVC (Model-View-Controller) and MVVM (Model-View-Viewmodel) are often used in combination with data binding.
It is actually simpler that you might think to roll this on your own.
is to add the extra attribute
data-bind='property name' to
the DOM elements you need, call
createUIObject and voilá an
object with the specified properties is created.
Here is an example (make sure to show the developer console).
Grids are often use to display large amount of data. I've put together a simple data grid with data binding based on HTML tables. Here is the source (make sure to show the developer console).
NamedNodeMapdon't work in IE6/7/8. Just implement this with traditional loops instead.