MvcPager 分页示例 — 用路由参数控制PageSize

该示例演示如何通过Url参数来控制每页显示的记录数，请点击按钮查看效果，同时注意Url中的参数变化。

示例
源码

序号	文章标题	作者	文章来源
41	吴起婚嫁习俗	Webdiyer	吴起热线
42	陕西省吴起县地税局税费收入突破17亿元大关	杨涛	吴起政府网
43	2012年吴起县人民政府工作报告	Webdiyer	吴起政府网
44	吴起:昔日红军长征落脚地如今退耕还林第一县	杨涛	吴起热线
45	吴起县2013年春节文化系列活动安排	杨涛	吴起政府网
46	吴起县文联《长征》文学季刊约稿启事	杨涛	吴起政府网
47	吴起县连续七届蝉联陕西县域经济社会发展十强县	Webdiyer	吴起政府网
48	吴起县教育局2012年招聘教师公告	Webdiyer	吴起热线
49	吴起退耕还林“还出”一片秀美山川	Webdiyer	吴起热线
50	丰收的田野：延安吴起新养殖生态养鸡上市	Webdiyer	吴起热线

首页上页 1 2 3 4 5 6 下页尾页

View：

@model PagedList<article>
<div class="well well-sm"><a href="@Url.RouteUrl("MvcPager_PageSize", new { PageSize = 5 })" class="btn btn-primary">每页显示五条数据</a>&nbsp;<a href="@Url.RouteUrl(" MvcPager_PageSize", new { pagesize=10 })" class="btn btn-primary">每页显示十条数据</a>&nbsp;<a href="@Url.RouteUrl(" MvcPager_PageSize", new { pagesize=15 })" class="btn btn-primary">每页显示十五条数据</a></div>
 
@Html.Partial("_ArticleTable", Model)
@Html.Pager(Model, new PagerOptions {RouteName = "MvcPager_PageSize", PagerItemTemplate = "{0}&nbsp;"})

_ArticleTable.cshtml:

@model PagedList<Article>
<table class="table table-bordered table-striped">
    <tr>
        <th class="nowrap">序号</th>
        <th>
            @Html.DisplayNameFor(model => model.Title)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.PubDate)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Author)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Source)
        </th>
    </tr>
    @{ int i = 0;}
    @foreach (var item in Model)
    {
        <tr>
            <td>@(Model.StartItemIndex + i++)</td>
            <td>
                @Html.DisplayFor(modelItem => item.Title)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.PubDate)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Author)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Source)
            </td>
        </tr>
    }
</table>

Model:

    public class Article
    {
        [Display(Name="文章编号")]
        public int ID { get; set; }
        [Display(Name="文章标题")]
        [MaxLength(200)]
        public string Title { get; set; }
        [Display(Name = "文章内容")]
        public string Content { get; set; }
        [Display(Name = "发布日期")]
        public DateTime PubDate { get; set; }
        [Display(Name = "作者")]
        [MaxLength(20)]
        public string Author { get; set; }
        [Display(Name = "文章来源")]
        [MaxLength(20)]
        public string Source { get; set; }
    }

Controller:

        
        public ActionResult PageSize(int pagesize = 10, int pageindex = 1)
        {
            using (var db = new DataContext())
            {
                return View(db.Articles.OrderByDescending(a => a.PubDate).ToPagedList(pageindex, pagesize));
            }
        }

在线演示

帮助文档

源代码

MvcPager 分页示例 — 用路由参数控制PageSize

View：

_ArticleTable.cshtml:

Model:

Controller:

在线演示

帮助文档

源 代 码

MvcPager 分页示例 — 用路由参数控制PageSize

View：

_ArticleTable.cshtml:

Model:

Controller:

源代码