MvcPager 分页示例 — 多个MvcPager

本示例演示在同一个页面上使用多个HtmlPager为不同的数据分页。

注意：一个页面上有多个MvcPager时，必须确保每个MvcPager的PagerOptions.PageIndexParameterName属性值不同，否则一个MvcPager的分页事件，会引发所有PagerOptions.PageIndexParameterName属性值相同的MvcPager同时分页。

示例
源码

序号	文章标题	作者	文章来源
6	吴起：从一个“贫困县”到全国“百强县”	Webdiyer	吴起热线
7	延安至吴起高速公路12月中旬通车	Webdiyer	吴起热线
8	吴起县入选2013中国中小城市百强县市	Webdiyer	吴起热线
9	吴起县退耕村民生产生活方式改变	Webdiyer	吴起热线
10	吴起:退耕还林让黄土山峁再披绿装	Webdiyer	吴起政府网

首页上页 1 2 3 4 5 6 7 8 9 10 ... 下页尾页

序号	文章标题	作者	文章来源
31	吴起再次荣获中国中小城市双“百强县”称号	杨涛	吴起热线
32	吴起率先在全市建成省级生态县	Webdiyer	吴起政府网
33	吴起农民的现代化信息生活	杨涛	吴起热线
34	延安吴起实施新一轮退耕还林	Webdiyer	吴起热线
35	陕西吴起:中国“退耕还林第一县”	Webdiyer	吴起热线

首页上页 ... 2 3 4 5 6 7 8 9 10 11 下页尾页

View：

        
@model CompositeArticles
@{Html.RenderPartial("_ArticleTable", Model.ArticleList1);}
@Html.Pager(Model.ArticleList1).Options(o => o.SetPagerItemTemplate("{0}&nbsp;"))
<hr />
@{Html.RenderPartial("_ArticleTable",Model.ArticleList2);}
@Html.Pager(Model.ArticleList2, new PagerOptions { PageIndexParameterName = "id", RouteName = "MvcPager_Default" , 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; }
    }

ViewModel:

    public class CompositeArticles
    {
        public PagedList<article> ArticleList1 { get; set; }
        public PagedList<article> ArticleList2 { get; set; }
        public PagedList<article> ArticleList3 { get; set; } 
    }

Controller:

        public ActionResult MultipleMvcPagers(int id = 1,int pageIndex=1)
        {
            using (var db = new DataContext())
            {
                var pageSize = 5;
                var model=new CompositeArticles();
                model.ArticleList1 = db.Articles.OrderByDescending(a => a.PubDate).ToPagedList(pageIndex, pageSize);
                model.ArticleList2 = db.Articles.OrderByDescending(a => a.PubDate).ToPagedList(id, pageSize);
                return View(model);
            }
        }

在线演示

帮助文档

源代码

MvcPager 分页示例 — 多个MvcPager

View：

_ArticleTable.cshtml:

Model:

ViewModel:

Controller:

在线演示

帮助文档

源 代 码

MvcPager 分页示例 — 多个MvcPager

View：

_ArticleTable.cshtml:

Model:

ViewModel:

Controller:

源代码