Custom Products module: Implement the view model class

After you Custom Products module: Implement the data modelLocations module: Implement the data model of the Products module, you need to implement the view model class for the web service that calls the module.

Web services in Sitefinity CMS follow the MVVM pattern and therefore you must implement a view model class. To do so:

1. Expand the ProductsModule project node and navigate to the Web » Services folder.
2. Open the context menu of the Data folder and click click Add » Class.
3. Name the class file ProductItemViewModel.cs and click Add.
4. Open the ProductItemViewModel.cs file and add the following using statements:
   using ProductCatalogSample.Model;

   using Telerik.Sitefinity.GenericContent.Model;

   using Telerik.Sitefinity.Modules;

   using Telerik.Sitefinity.Modules.GenericContent;
5. Make the ProductItemViewModel class inherit the ContentViewModelBase class:
   public class ProductItemViewModel : ContentViewModelBase

   {

   }
6. Create the following constructors:
   public ProductItemViewModel()

       : base()

   {

   }

    

   public ProductItemViewModel(ProductItem contentItem, ContentDataProviderBase provider)

       : base(contentItem, provider)

   {

       this.Price = contentItem.Price;

       this.QuantityInStock = contentItem.QuantityInStock;

       this.WhatIsInTheBox = contentItem.WhatIsInTheBox;

   }
7. Define properties that match the properties in the ProductItem class. Following is the code for the Price, QuantityInStock, and WhatIsInTheBox properties:
   public decimal Price { get; set; }

    

   public int QuantityInStock { get; set; }

    

   public string WhatIsInTheBox { get; set; }
8. Implement the abstract members of the ContentViewModelBase class in the following way:
   protected override Content GetLive()

   {

       return this.provider.GetLiveBase<ProductItem>((ProductItem)this.ContentItem);

   }

    

   protected override Content GetTemp()

   {

       return this.provider.GetTempBase<ProductItem>((ProductItem)this.ContentItem);

   }