在 ASP.NET MVC 中动态添加视图

Question

我最初使用 MVVM 为 WPF 开发一个项目，它的好处是允许我填充我想要可用的视图列表。每个视图都有一个“下一步”按钮，可以前进到列表中的下一个视图。

但是，现在我尝试在 ASP.NET MVC 中做同样的事情。这是我第一次使用 MVC，但我有一个 XML 文件，我需要从中生成这个 UI。这些从脚本中选择的视图也包含动态组件——有时 ViewA 可能需要 3 个嵌套在其中的“输入视图”，有时可能需要 1 个。

我之前通过 ListBox、ItemsSource 和 DataTemplate 实现了这一目标。所以我的问题是：如何动态填充要显示的视图，以及（更重要的是）如何使用控件 A 的 x 数量和 y动态填充这些视图> 控制B的数量？

Answer 1

首先，项目结构的高级概述...

您的项目名称

• 控制器
  • ProductController.cs
• 型号
  • ProductViewModel.cs
• 查看次数
  • _ProductPartial.cshtml
  • ListProducts.cshtml

ProductViewModel.cs

public class ProductViewModel
{
    public string Name { get; set; }
    public string Description { get; set; }
}

ProductController.cs

public class ProductController : Controller
{
    public ActionResult Index()
    {
        // Create your model (this could be anything...)
        var model = new List<ProductViewModel>
        {
            new ProductViewModel { Name = "Apple", Description = "A red apple" },
            new ProductViewModel { Name = "Orange", Description = "An orange orange" }
        };

        // Return the main view and your model
        return View("ListProducts", model);
    }    
}

_ProductPartial.cshtml

@model YourProjectName.Models.ProductViewModel

<h1>@Model.Name</h1>
<p>@Model.Description</p>

ListProducts.cshtml

@model System.Collections.Generic.List<YourProjectname.Models.ProductViewModel>

@foreach (var product in Model)
{
    Html.Partial("_ProductPartial", product)
}

总结

现在，如果您请求该控制器操作（localhost/Product/Index 或最终适合您的任何操作），控制器将创建模型，渲染父视图，父视图将渲染尽可能多的产品部分视图必要的取决于我们在控制器中定义的产品模型集合。视图和局部视图不需要模型，但我想您将使用某种模型类来帮助您确定要在父视图中呈现的内容/位置/多少局部视图。这几乎是最基本的，但它应该可以帮助您开始使用局部视图。