View中的多个ViewModels asp.net MVC

Question

我是新来的asp.net mvc，viewmodels对我来说也是新手。我有一个显示产品的视图。在视图中，我想以一格显示所有产品。 然后在另一个div中，我只想显示featuredProducts，并在另一个div中显示Toprated。我正尝试为每个视图模型使用不同的视图模型，因为我将在不同的页面上再次使用这些视图模型。这是做这件事的正确方法，如果不是这样的话。另外我怎样才能用viewmodels来做这个练习。

域模型

public class Product 
{ 
    public int ProductId { get; set; } 
    public string SKU { get; set; } 
    public string Name { get; set; } 
    public string Title { get; set; } 
    public string Description { get; set; } 
    public Boolean FeaturedProduct { get; set; } 
    public Boolean NewProduct { get; set; } 
    public Boolean TopRated { get; set; } 
    public Boolean BestSellers { get; set; } 
} 

ViewModelProductsMain（父）

public class ViewModelProductsMain 
{ 
    public ViewModelProducts Products{ get; set; } 
    public ViewModelTopRated TopRated{ get; set; } 
    public ViewModelFeatured Featured{ get; set; } 
} 

的ViewModels（儿童）

public class ViewModelProducts (Child) 
//all products 
{ 
    public int ProductId { get; set; } 
    public string SKU { get; set; } 
    public string Name { get; set; } 
    public string Title { get; set; } 
    public string Description { get; set; } 
} 
public class ViewModelTopRated (Child) 
//all products with TopRated true 
{ 
    public int ProductId { get; set; } 
    public string SKU { get; set; } 
    public string Name { get; set; } 
    public string Title { get; set; } 
    public string Description { get; set; } 
} 

public class ViewModelFeatured (Child) 
//all products with Featured true 
{ 
    public int ProductId { get; set; } 
    public string SKU { get; set; } 
    public string Name { get; set; } 
    public string Title { get; set; } 
    public string Description { get; set; } 
} 

控制器

public ActionResult Index() 
{ 
    //How do I, instantiate and populate the model 
    var model = new ViewModelProductsMain(); 
    return View(model); 
} 

查看

@model IEnumerable<myProject.ViewModels.ViewModelProductsMain > 

Answer 1

首先，你应该改变ViewModelProductsMain这样：

public class ViewModelProductsMain 
    { 
     public List<ViewModelProducts> Products { get; set; } 

     public List<ViewModelTopRated> TopRated { get; set; } 

     public List<ViewModelFeatured> Featured { get; set; } 
    } 

并显示在你看来你的产品应该写这样的代码：

@model WebApplication1.Models.ViewModelProductsMain 

@{ 
    ViewBag.Title = "Index"; 
} 

<div id="AllProducts"> 
    @foreach (var item in Model.Products.ToList()) 
    { 
     @item.Name 
     <hr/> 
    } 
</div> 

<div id="TopRated"> 
    @foreach (var item in Model.TopRated.ToList()) 
    { 
     @item.Name 
     <hr /> 
    } 
</div> 

    <div id="Featured"> 
     @foreach (var item in Model.TopRated.ToList()) 
     { 
      @item.Name 
      <hr /> 
     } 
    </div> 

Answer 2

我看到公众int ProductId {get;组; }在所有的模型中。看起来你的数据有些像你的数据中的外键，所以你可以使你的视图模型比我们在ViewModelProductsMain中看到的更好。

这样：

public class Product 
{ 
    public int ProductId { get; set; } 
    public string SKU { get; set; } 
    public string Name { get; set; } 
    public string Title { get; set; } 
    public string Description { get; set; } 
} 

public class ViewModelProducts { 
    public virtual List<Product> Products { get; set; } 
} 

你在上面看到ViewModelFeatured和ViewModelTopRated到

那么什么：

public class ViewModelProductsMain 
{ 

    public ViewModelProductsMain() 
    { 
     this.Products = new List<ViewModelProducts>(); 
     this.TopRated = new List<ViewModelTopRated>(); 
     this.Featured = new List<ViewModelFeatured>(); 
    } 
    public List<ViewModelProducts> Products { get; set; } 

    public List<ViewModelTopRated> TopRated { get; set; } 

    public List<ViewModelFeatured> Featured { get; set; } 

}

不要忘了写一个构造函数给你[R ViewModelProductsMain 如果你不做出构造..它带来null reference error