Introduction To KnockOut.Js - Part 1

What is KnockOut.js

Knockout.js is a JavaScript library that provides two-way data binding between our user interfaces and data model. Means we can dynamically bind our data i.e. any time we can update our UI. By using Knockout.js it is very easy & simple. There are other features also we will learn step by step.

Features of Knockout.js

Common Benefits

Step 1: Create simple project with empty MVC application using VS 2013.

Step 2: Click on add KnockOut.js & JavaScript files from Manage Nuget packages.

Step 3:

Now add one JavaScript file for JavaScript & Knockout.js code.

Also add references to above created file as follows,

You can drag drop this above two files on top of our new JavaScript file,

Step 4:

Now create one controller & write any action method in that controller. Now create one View for above action method & write the following code in View.

First Name:

Middle Name:

Last Name:

Output :

Step 5:

Write the following code to our JavaScript files,

Step 6: