ASP.NET MVC视图中如何整合两个列表类型模型进行使用？

别担心，这绝对是新手刚接触MVC时最常遇到的问题之一，咱们一步步拆解解决：

第一步：创建适配列表需求的"主模型（ViewModel）" #

你之前看到的示例是针对单个对象的，但你需要的是两个列表数据，所以得调整ViewModel的结构，让它包含两个列表类型的属性：

// 放在project3.Models命名空间下
public class CategoryAndProductsViewModel
{
    // 对应第一个静态方法返回的Category列表
    public List<Category> CategoryList { get; set; }
    // 对应第二个静态方法返回的Produkts列表
    public List<Produkts> ProductsList { get; set; }
}

这里特意用了CategoryList、ProductsList这种清晰的命名，后续维护时一眼就能看出是列表类型，避免混淆。

第二步：在控制器中准备数据并传递给视图 #

接下来要在你的控制器Action里，调用两个静态方法拿到列表数据，把它们赋值给ViewModel，再传递给视图：

using project3.Models;

public class YourController : Controller
{
    public ActionResult YourViewName()
    {
        // 调用两个静态方法，传入你需要的int参数x
        var categoryData = Category.category(/* 这里填你的参数值，比如10 */);
        var productData = Produkts.category(/* 这里填你的参数值，比如10 */);

        // 实例化ViewModel并赋值
        var viewModel = new CategoryAndProductsViewModel
        {
            CategoryList = categoryData,
            ProductsList = productData
        };

        // 将ViewModel传给视图
        return View(viewModel);
    }
}

记得把YourController、YourViewName替换成你实际的控制器和视图名称，静态方法的参数也要和你的业务需求匹配。

第三步：在视图中绑定ViewModel并使用数据 #

现在视图里只需要绑定这一个ViewModel，就能访问两个列表数据了：

@model project3.Models.CategoryAndProductsViewModel
@using project3.Models;

<!-- 展示分类列表 -->
<h3>分类列表</h3>
<ul>
    @foreach(var category in Model.CategoryList)
    {
        <li>@category.你的属性名</li> <!-- 替换成Category类的实际属性，比如Name -->
    }
</ul>

<!-- 展示产品列表 -->
<h3>产品列表</h3>
<table>
    @foreach(var product in Model.ProductsList)
    {
        <tr>
            <td>@product.你的属性名</td> <!-- 替换成Produkts类的实际属性，比如ProductName -->
        </tr>
    }
</table>

这样就不会再出现"每个视图仅允许一个模型指令"的错误了——现在视图只绑定了一个ViewModel，而这个ViewModel里打包了你需要的所有列表数据，这也是MVC中处理多数据集合的标准做法哦～

内容的提问来源于stack exchange，提问作者usernumber