KnockoutJS by Example

Displaying the list of products

The first feature of this chapter is to display the list of products to the user. To implement this feature, we will:

• Create a new module that will serve as the client for our CRUD operations
• Update the products client module to add a method to retrieve products from the server
• Add the product model to the products grid module
• Update the products grid module to retrieve the list of products from the server
• Update the view to display the products

Let's get started by creating the client module for CRUD operations. Create a new JavaScript file called productsclient.js and add a blank module to it. The module should expect a base URL. This is the URL to the server. Add a method to the module to send a GET request to the ...