KendoUI and Knockout.js
Getting started with MVVM
Setting up Visual Studio for Kendo + KO development
Create a basic app using jQuery : Demo
Convert app to MVVM using KO : Demo
Introduction to KO
Demo on different KO bindings
Kendo UI : what is new
MVVM in Kendo UI : Demo
Kendo UI + KO : Demo : Grid and Autocomplete widgets
Why KO ?
It detects the data changes in data model and updates respective
part of the UI.
It binds data and UI declaratively. In other words declarative
binding between data model and UI can be done using
It helps to create custom behaviour. Custom behaviour can be
created as declarative binding.
Custom behaviour created by Knockout.js can be reused with very
less lines of code.
It helps to create complex dynamic UI using declarative bindings.
Data being fetched from server
Data can be in HTML local storage
Data can be fetched from server using
AJAX call or any other mechanism of
It contains business logic
Temporary data to be displayed
on the View
It handles all the user actions to
send commands to ViewModel
This is User Interface of the application
This displays data from the ViewModel.
This sends command to ViewModel
User interaction occurs here
This is HTML with CSS
Kendo Framework Elements