Book Image

KnockoutJS by Example

By : Adnan Jaswal
Book Image

KnockoutJS by Example

By: Adnan Jaswal

Overview of this book

KnockoutJS By Example is a project-based guide that introduces the key features and concepts of knockout.js. It helps you create an application skeleton and a Hello World application. You will develop a To-Do list application that aims to show the basic features of knockout.js in action, such as data binding and observables, following which you will develop a dynamic online customer registration form that captures and validates customer information. This book will further walk you through developing a customer banking portal, which demonstrates the use of knockout.js with components such as navigation bars, tabs, carousels, master details view, panels, forms, and wizards. You will also discover how to use token-based authentication and authorization to secure the customer banking portal, and move on to creating an editable products grid with CRUD operations. Finally, you will explore how to use the Google Maps API with knockout.js. KnockoutJS By Example will not only leave you with a basic understanding of knockout.js fundamentals but also take you through some of the advanced features. It will help you get a web application up and ready instantly.
Table of Contents (17 chapters)
KnockoutJS by Example
Credits
About the Author
Acknowledgment
About the Reviewers
www.PacktPub.com
Preface
Index

Viewing accounts


We will implement the third user story in this section, which is about displaying account information to the members of MyBank. The requirements for this story, as mandated by the client, are that the account information be displayed in a table under the accounts tab that we created earlier. The account information must include the name of the branch the account is held at, the account number, type of account, and the current account balance. The accounts in the table should also be numbered. The client has also stated that any amount figure displayed in the application should be in the currency format.

This story requires us to retrieve account information from the server side. To keep the implementation simple and to focus on the client-side development, a server stub is provided, which simulates the server interaction. Let's get started by including the stub in our application. Download the serverstub.js file from chapter5\server. Copy the file to the javascript folder...