MVC——就酱紫一个系列,这是一个好的开始9

今天我们说说 mvc中的分页

 

先使用NuGet 获取MVCPager 这个分页控件  又 webdiyer出品

 

搜索出来的最新的是 MVC分页控件中文版4.0+ 支持mvc 4 5RC 

接着 在我们要获取数据的Controller 里面 添加命名空间引用

using Webdiyer.WebControls.Mvc;

这个要自己添加 

        /// <summary>
        /// MvcPager分页
        /// </summary>
        /// <param name="pageIndex"></param>
        /// <returns></returns>
        public ActionResult PageList(int pageIndex = 1)
        {
            var list = classificationService.GetAll().ToPagedList(pageIndex, 8); ;
            return View(list);
        }    

添加一个action

接着我们看一下页面代码


@using Webdiyer.WebControls.Mvc;
@model PagedList<Model.Classification>



@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>PageList</title>
</head>
<body>
    <div>
        <table width="100%">
            <tr>
                <th>编号
                </th>
                <th>名称
                </th>
                <th>分类封面图片
                </th>
                <th>排序
                </th>
                <th>是否显示在首页
                </th>
            </tr>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.Id)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Classify)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.CoverPic)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Sort)
                    </td>
                    <td>
                        @(item.IsDisplay == 0 ? "" : "")
                    </td>
                </tr>
            }
        </table>
        @Html.Pager(Model, new PagerOptions
   {
       PageIndexParameterName = "pageIndex",
       ShowPageIndexBox = true,
       FirstPageText = "首页",
       PrevPageText = "上一页",
       NextPageText = "下一页",
       LastPageText = "末页",
       PageIndexBoxType = PageIndexBoxType.TextBox,
       PageIndexBoxWrapperFormatString = "请输入页数{0}",
       GoButtonText = "转到"
   })
        <br />
        >>分页 共有 @Model.TotalItemCount 条数据 @Model.CurrentPageIndex/@Model.TotalItemCount
    </div>
</body>
</html>

@using Webdiyer.WebControls.Mvc;
@model PagedList<Model.Classification>

重要的是添加命名空间和分页方法

不知道怎么省去在页面中添加命名空间

之前在网上看到有在webcongfig中添加 但是我添加貌似没有好使

还是添加地方错了 哪位知道麻烦留言tellme

我们的QQ群:

ASP.NET零度交流群

 105568127

 

 

posted @ 2013-12-17 00:13  风飞萧雪  阅读(190)  评论(0)    收藏  举报