MvcPager控件实现列表分页

近期的项目中需要实现新闻列表分页,尝试了一下MvcPager,还是非常好用的,先看效果:


MvcPager控件下载:http://download.csdn.net/detail/augus3344/8757833

View中的代码:

样式没有贴出来,大家根据自己需求加就好。

<pre name="code" class="html">@*模型空间*@
@model PagedList<HBJLWebSite.ViewModel.NewsViewModel>
@*引用MvcPager*@
@using Webdiyer.WebControls.Mvc;
<span style="font-family: Arial, Helvetica, sans-serif;"><table></span>
    @{ 
        bool flag = true;
        foreach (var info in Model)
        {
            flag = !flag;
        <tr class="@(flag ? "even" : "odd")">
            <td><a>@Html.DisplayFor(model => info.NewsTitle)</a></td>
            <td>@Html.DisplayFor(model => info.TimeStamp)</td>
        </tr>
        }
    }
</table>
@Html.Pager(Model, new PagerOptions
            {
                PageIndexParameterName = "id",
                ShowPageIndexBox = true,
                FirstPageText = "首页",
                PrevPageText = "上一页",
                NextPageText = "下一页",
                LastPageText = "末页",
                PageIndexBoxType = PageIndexBoxType.TextBox,
                PageIndexBoxWrapperFormatString = "请输入页数{0}",
                GoButtonText = "转到"
            })
@Html.Raw("共记:") @Model.TotalItemCount @Html.Raw("条,每页 5 条  ")
@Model.CurrentPageIndex @Html.Raw("/") @Model.TotalPageCount @Html.Raw("页")

 
Controller中的代码: 

这里写你自己的分页查询代码即可

        public ActionResult Index(int? id = 1)
        {
            int totalCount = 0; //总条数
            int pageIndex = id ?? 1; //当前页
            int pageSize = 5; //每页条数

            var enNews = new NewsViewModel() { CategoryID = new Guid(Request["categoryID"] ?? "45C3BE2C-4761-94BB-7287-BF8E317E2DF3") };

            //声明WCF服务
            var service = ServiceFactory.GetService();
            //查询新闻
            var listNews = service.QueryNews(enNews, pageSize, pageIndex, out totalCount);
            //组装数据
            var listNewsInfo = new PagedList<NewsViewModel>(listNews, pageIndex, pageSize, totalCount);
            return View(listNewsInfo);
        }


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值