我的留言簿视图中的asp.net mvc 5分页

Question

我刚刚学习 MVC 5，我想在页面上发布 10 个 cmets 后创建一个分页。到目前为止，代码非常简单。

这是我的控制器：

    public ActionResult Index()
    {
        var Inlägg = db.Gästbok.OrderByDescending(Gästbok => Gästbok.Datum).Take(10).ToList();

        return View(Inlägg);
    }

这是视图：

        @foreach (var item in Model)
        {
            <p>@Html.DisplayFor(modelItem => item.Kommentar)</p>
            <br />

            <p>Postad: @Html.DisplayFor(modelItem => item.Datum) Av: @Html.DisplayFor(modelItem => item.Namn) (@Html.DisplayFor(modelItem => item.Email))</p>

            <hr />
        }

        <button class="btn btn-default">
            @Html.ActionLink("Skriv nytt inlägg", "Create")
        </button>

所以，如果有人能给我一个简单的例子或解释我如何在这里实现分页，我真的很感激！提前致谢！！ :D

Answer 1

我可以推荐安装PagedList.MVC:

Install-Package PagedList 

然后实现这样的东西：

控制器：

public ActionResult Index(int page = 1, int pageSize = 10)
{
    var inlägg = db.Gästbok.OrderByDescending(g => g.Datum).ToList();
    var model = new PagedList<Gästbok>(inlägg, page, pageSize);

    return View(model);
}

查看：

@model PagedList<Gästbok>

@foreach (var item in Model)
{
    <p>@Html.DisplayFor(modelItem => item.Kommentar)</p>
    <br />

    <p>
        Postad: @Html.DisplayFor(modelItem => item.Datum) 
        Av: @Html.DisplayFor(modelItem => item.Namn
        (@Html.DisplayFor(modelItem => item.Email))
    </p>

    <hr />
}

<p>
    @Html.PagedListPager(Model, page => Url.Action("Index",
        new { page, pageSize = Model.PageSize }))

    Showing @Model.FirstItemOnPage to @Model.LastItemOnPage
        of @Model.TotalItemCount comments.
</p>
<hr />

<button class="btn btn-default">
    @Html.ActionLink("Skriv nytt inlägg", "Create")
</button>

并将PagedList dll 添加到Views/Web.config 中<configuration> 下<system.web.webPages.razor> 部分的<namespaces> 元素中，如下所示：

<configuration>
  (...)
  <system.web.webPages.razor>
    (...)
    <namespaces>
      (...)
      <add namespace="PagedList" />
      <add namespace="PagedList.Mvc" />
    </namespaces>
  </system.web.webPages.razor>
</configuration>

它看起来像这样：