如何在视图页面中显示两个不同的列表？答案

【问题标题】：How to display two different list in view page?如何在视图页面中显示两个不同的列表？
【发布时间】：2015-08-19 11:01:33
【问题描述】：

我是 ASP MVC 新手，我在操作方法中有两个列表第一个列表包含任务详细信息，第二个列表包含员工 ID 我想通过分页将两个列表都发送到视图页面。我的问题是我无法发送两个列表都可以查看

public ActionResult DisplayProjectTask(string projectId, int? page)
{            
    List<Task> projectTasksList =bHelper.GetProjectTaskList(projectId);
    List<string> empIds = dbHelper.GetTaskEmployeesId(projectId);           
    return View(projectTasksList.ToPagedList(page ?? 1, 10));
}

【问题讨论】：

考虑创建一个strongly typed view，其中包含两个列表的字段。

标签： c# asp.net asp.net-mvc asp.net-mvc-4 asp.net-mvc-5

【解决方案1】：

创建一个视图模型来保存它们：

public class FooViewModel
{
    public FooViewModel()
    {
       Tasks = new List<Task>();
       EmpIds = new List<string>();
    }

    public List<Task> Tasks { get; set; }
    public List<string> EmpIds { get; set; }
}

从您的控制器中填充它们并返回模型：

public ActionResult DisplayProjectTask(string projectId, int? page)
{    
    var model = new FooViewModel();
    model.Tasks = dbHelper.GetProjectTaskList(projectId).ToPagedList(page ?? 1, 10);
    model.EmpIds = dbHelper.GetTaskEmployeesId(projectId);           
    return View(model);
}

然后将其添加到您的视图中：

@model FooViewModel

@foreach(var task in Model.Tasks)
{
   @* Replace with your properties in the Task object *@
   @task.ProperyName
}

@foreach(var empId in Model.EmpIds)
{
   @empId
}

【讨论】：

如果dbHelper 有时返回null，它将落在View 上
@teovankot 好点，更新了视图模型以防止这种情况。但是，如果不看到这些方法返回什么，就很难说清楚。我通常会返回一个空列表而不是 null。

【解决方案2】：

您可以创建一个模型，例如：

public class MyTwoListsModel
{
    public List<Cars> ListName1;
    public List<Animals> ListName2;

    public MyTwoLists(List<Cars> list1, List<Animals> list2)
    {   
        this.ListName1 = list1;
        this.ListName2 = list2;
    }
}

然后在它的 ViewController 实例中创建它并将其传递给 View。如果您有任何问题 - 问

【讨论】：