Knockout (web framework)

Knockout includes the following features:

• Declarative bindings
• Automatic UI refresh (when the data model's state changes, the UI updates automatically)
• Dependency tracking Templating (using a native template engine although other templating engines can be used, such as jquery.tmpl)

In this example, two text boxes are bound to observable variables on a data model. The "full name" display is bound to a dependent observable, whose value is computed in terms of the observables. When either text box is edited, the "full name" display is automatically updated, with no explicit event handling.

function ViewModel() {
    this.firstName = ko.observable("");
    this.lastName = ko.observable("");

    this.fullName = ko.computed(
        function() { return this.firstName() + " " + this.lastName(); }, 
        this);
}

ko.applyBindings(new ViewModel());

• Papa, John (February 2012). "Getting Started with Knockout". MSDN Magazine. Retrieved March 9, 2012.
• Papa, John (March 2012). "Knockout's Built-in Bindings for HTML and JavaScript". MSDN Magazine. Retrieved March 9, 2012.

• Official website
• Knockout MVC: A framework integrating KnockoutJS into ASP.NET
• Knockout JS: Helping you build dynamic JavaScript UIs with MVVM and ASP.NET
• Using Isotope with Knockout.js
• Knockout questions on StackOverflow
• Knockout forum on Google Groups
• Knockout JS Examples
• Knockout SPA Framework
• Knockout JS Recipes