asp.net core mvc 分頁

劉聯其發表於2018-08-23
ASP.NETMVC

第一步：專案中引入 

第二步：建立控制器和方法

  public IActionResult PageTest(int pageindex = 1, int pagesize = 10, string Name = "")
        {
            List<TsetModel> list = new List<TsetModel>();
            for (int i = 0; i < 100; i++)
            {
                TsetModel model = new TsetModel();
                model.Id = i;
                model.Name = "劉奇" + i;
                list.Add(model);
            }
            if (!string.IsNullOrWhiteSpace(Name))
            {
                ViewBag.Name = Name;
                list.Where(x => x.Name == Name);
            }
            var pagedList = PagedList<TsetModel>.PageList(pageindex, pagesize, list);
            ViewBag.model = pagedList.Item2;
            return View(pagedList.Item1);
        }

第三步：設定檢視頁面

@using AspNetCoreMvcPager;
@model List<OnlineLearningWeb.Models.TsetModel>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>PageTest</title>
    <link href="~/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <table class="table table-bordered table-header">
        <thead>
            <tr>
                <td><input type="checkbox" /></td>
                <td class="w30">標題</td>
                <td class="w20">類別</td>
                <td class="w20">操作</td>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>@item.Id</td>
                    <td>@item.Name</td>
                    <td><a href="#" class="btn btn-success">編輯</a> <a href="#" class="btn btn-danger">刪除</a></td>
                </tr>
            }
        </tbody>
        <tfoot>
            <tr>
                <td colspan="4">
                    <div class="pull-right">
                        <!--ts為控制器名稱，PageTest為方法名稱，這個地方改為你自己的控制器和方法名稱--->
                        @Html.Raw(PagerHtmlString.Pager(ViewBag.model, "ts", "PageTest", true))
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>
</body>
</html>

附件地址：連結：https://pan.baidu.com/s/1hJMJAPM0dwQuBGCksZG4nw 密碼：ppgm

說明：                                       以上dll為本人自己封裝-五毒無公害，需要原版自己加樣式，請向本人捐贈1元，拿原始碼

相關文章