Book Image

Getting Started with Knockout.js for .NET Developers

By : Andrey Ankshin
Book Image

Getting Started with Knockout.js for .NET Developers

By: Andrey Ankshin

Overview of this book

Table of Contents (14 chapters)
Getting Started with Knockout.js for .NET Developers
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Introducing Knockout mapping


In this section, we will talk about the knockout.mapping plugin. This plugin allows you to map some plain JavaScript object to a Knockout.js ViewModel with observable properties. It can be very useful when you want to receive some data from the server in the JSON format and show it to the user via declarative bindings.

A manual mapping example

For better understanding of the mapping concept, let's consider an example with manual mapping of JSON data to a ViewModel object. We will take a very abridged version of the library model from the previous chapters. Suppose the model contains only two properties: LibraryName and AmountOfBooks.

  1. Let's define a corresponding ViewModel:

    var libraryViewModel = {
      LibraryName: ko.observable(),
      AmountOfBooks: ko.observable()
    }
  2. Next, we add a View:

    The library <span data-bind="text: LibraryName"> contains <span data-bind="text: AmountOfBooks"> books.
  3. Then, we should receive data from the server. Suppose we have a special...