Wijmo has full support for MVVM (Model View View-Model) development. We chose Knockout as our officially supported MVVM library. Wijmo has a Knockout Integration Library that provides seamless support for
MVVM in every widget. We also included support for all jQueryUI widgets. See some samples now: InvExplorer, Sales Dashboard, GeoDashboard.


Built on Knockout

Built on Knockout

Knockout is the de-facto standard MVVM library for JavaScript. It provides declarative bindings in HTML markup as well as observable objects and collections. Wijmo has a Knockout Integration Library that enables seamless MVVM support in wijmo. Just add Knockout and our integration library to a page and start binding widgets using HTML attributes.


Declarative Bindings

Declarative Bindings

Easily associate DOM elements with model data using a concise, readable
syntax. Each Wijmo widget can be initialized by adding a simple data-bind attribute to existing DOM elements.


Automatic UI Refresh

Automatic UI Refresh

When your data model’s state changes, your UI is updated automatically thanks to Knockout’s live bindings. Bindings are two-way, which means that Wijmo widgets not only display the model data, but can also change it.


Dependency Tracking

Dependency Tracking

Knockout automatically detects and handles dependencies between properties in your data model. You can create models with computed and formatted values very easily.


Templating

Templating

Quickly generate sophisticated UIs that reflect your model data. Using “for”
loops and “if” operators you can easily bind to collections. Also, many Wijmo
widgets (including grids and charts) can be bound directly to collections.

Using Wijmo with Knockout

Our documentation team has put together a great tutorial on getting started with Wijmo and Knockout. If you just want to know what scripts you need to add (besides wijmo) here is what you need:

<!--Knockout JS Library-->
<script src="http://cdn.wijmo.com/external/knockout-2.0.0.js" type="text/javascript"></script>

<!--Wijmo Knockout Integration Library-->
<script src="http://cdn.wijmo.com/external/knockout.wijmo.js" type="text/javascript"></script>