MVC @Foreach如何仅显示前5名

如何解决MVC @Foreach如何仅显示前5名

如何在索引页面中仅返回视图中带有@Foreach的视图中的前5个。我能找到的所有内容都使用@foreach (var item in Model.Take(3))。但这不起作用。

这是我正在使用的代码：

控制器：

public ActionResult Index()
{
    dynamic model = new ExpandoObject();
    model.Employee = GetEmployeeInfo();
    return View(model);
}

private static List<Employee> GetEmployeeInfo()
{
    List<Employee> EmployeeInfo = new List<Employee>();
    string query = "SELECT ID,FirstName + ' ' + LastName Employee,PhoneExt FROM Employees WHERE NOT PhoneExt IS NULL ORDER BY FirstName ASC";
    string constr = ConfigurationManager.ConnectionStrings["Conn"].ConnectionString;

    using (sqlConnection con = new sqlConnection(constr))
    {
        using (sqlCommand cmd = new sqlCommand(query))
        {
            cmd.Connection = con;
            con.open();

            using (sqlDataReader sdr = cmd.ExecuteReader())
            {
                while (sdr.Read())
                {
                    EmployeeInfo.Add(new Employee
                    {
                        ID = Convert.ToInt32(sdr["ID"]),FirstName = sdr["Employee"].ToString(),PhoneExt = Convert.ToInt32(sdr["PhoneExt"])
                    });
                }
            }

            con.Close();
            return EmployeeInfo;
        }
    }
}

查看：

@foreach (Employee EmployeeInfo in Model.Employee)
{
    <tr>
        <td>
            <b> @Html.ActionLink(EmployeeInfo.FirstName,"Details","Employees",new { id = EmployeeInfo.ID },null)</b>
        </td>
        <td style="vertical-align:top">@EmployeeInfo.PhoneExt</td>
    </tr>
}

解决方法

如何将查询更改为5：

 string query = "SELECT TOP(5) ID,FirstName + ' ' + LastName Employee,PhoneExt FROM Employees WHERE NOT PhoneExt IS NULL ORDER BY FirstName ASC";

将Take（5）与动态模型一起使用可能会给您Runtime Binder Exception。
理想情况下，将原始查询修改为仅返回5行。否则，您应该将结果与Employee类的列表进行映射，如下所示：

public ActionResult Index()
{
    List<Employee> model = GetEmployeeInfo();
    return View(model);
}

然后在您的视图中对此建模，然后可以使用Take（5）

@model List<Employee>
@foreach (Employee EmployeeInfo in Model.Take(5))
{
    <tr>
        <td>
            <b> @Html.ActionLink(EmployeeInfo.FirstName,"Details","Employees",new { id = EmployeeInfo.ID },null)</b>
        </td>
        <td style="vertical-align:top">@EmployeeInfo.PhoneExt</td>
    </tr>
}