zoukankan      html  css  js  c++  java
  • MVC Pager使用

    View中加入引用:@using Webdiyer.WebControls.Mvc;

    使用时代码:

    <div id="Pagination">
                    @Html.Pager(Model.DataList, new PagerOptions
     {
         PageIndexParameterName = "PageIndex",
         ShowPrevNext = true,
         FirstPageText = "首页",
         PrevPageText = "上一页",
         NextPageText = "下一页",
         LastPageText = "末页",
         HorizontalAlign="right",
         PagerItemTemplate=" {0}"
     })
                </div>
    

      

    后台Controller:

    public ActionResult NewsList(int tid = 1, int PageIndex = 1)
            {
                int PageSize = 10;
                int RecordCount = db.ArticlesInfos.Count();
                int PageCount = (RecordCount / PageSize) + (RecordCount % PageSize > 0 ? 1 : 0);
    
                ViewData["Tid"] = tid;
    
                PagedList<Models.ArticlesInfo> list = db.ArticlesInfos.OrderByDescending(c => c.ID).AsQueryable().ToPagedList(PageIndex, PageSize);
                ViewModel.MVCPagerModel<Models.ArticlesInfo> model = new ViewModel.MVCPagerModel<Models.ArticlesInfo>();
                model.PageCount = PageCount;
                model.RecordCount = RecordCount;
                model.PageSize = PageSize;
                model.PageIndex = PageIndex;
                model.DataList = list;
                return View(model);
            }
    

    分页类:

    public class VMNewsListPage<T>
        {
            public int PageIndex { get; set; }
            public int PageCount { get; set; }
            public int RecordCount { get; set; }
            public int PageSize { get; set; }
            public PagedList<T> ArticlesInfos { get; set; }
        }
    

    demo:

    @{
        ViewBag.Title = "NewsList";
        Layout = "~/Views/Shared/_LayoutPageOne.cshtml";
    
    }
    
    @model MvcApplication1.ViewModel.MVCPagerModel<MvcApplication1.Models.ArticlesInfo>
    @using Webdiyer.WebControls.Mvc;
    
    @section header{
    
    }
    
    <div class="pageban" style="background-image: url(/images/20141002091135849.jpg);"></div>
    <div class="Contain">
        <!--/*内容*/-->
        <div class="Left">
            <div class="Sidebar">
                <div class="title">新闻动态</div>
                <ul class="sub">
                    <li><a href="NewsList?tid=1&PageIndex=1" id="a_group_1" class="@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "aon" : "")">公司新闻</a></li>
                    <li><a href="NewsList?tid=2&PageIndex=1" id="a_group_2" class="@(Convert.ToInt32(ViewData["Tid"]) == 2 ? "aon" : "")">行业动态</a></li>
                </ul>
                @Html.Partial("UCLeftContact")
            </div>
            <!--/*正文*/-->
            <div class="Main">
    
                <div class="Current">
                    <em>
                        您在这里:
    
                        <a href="Index">首页</a>
                        >
                        <a href="NewsList?tid=@ViewData["Tid"]&PageIndex=1" id="a_group_nav_1">新闻动态</a> > <a href="NewsList?tid=@ViewData["Tid"]&PageIndex=1" id="a_group_nav_2">@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "公司新闻" : "行业动态")</a> >
                    </em>
                    <b id="a_group_nav_3">@(Convert.ToInt32(ViewData["Tid"]) == 1 ? "公司新闻" : "行业动态")</b>
                </div>
                <!--/*新闻列表*/-->
                <dl class="Newlist">
    
                    @foreach (var item in Model.DataList)
                    {
                        <dd>
                            <div class="pic">
                                <a href="NewsDetail?id=@item.ID" target="_blank" title="@item.Title">
                                    <img src="@item.Img" alt="@item.Title">
                                </a>
                            </div>
                            <div class="text">
                                <h1>
                                    <span>@item.CreateDate.ToString("yyyy-MM-dd")</span>
                                    <a href="NewsDetail?id=@item.ID" target="_blank" style="">@item.Title</a>
                                </h1>
                                <p>@(Framework.Common.Utils.GetHtml(HttpUtility.HtmlDecode(item.Contents), 60))...</p>
                                <a href="NewsDetail?id=@item.ID" target="_blank" class="detail">详细>></a>
                            </div>
                        </dd>
                    }
    
                </dl>
                <!--/*pages*/-->
                <div id="Pagination">
                    @Html.Pager(Model.DataList, new PagerOptions
               {
                   PageIndexParameterName = "PageIndex",
                   ShowPrevNext = true,
                   FirstPageText = "首页",
                   PrevPageText = "上一页",
                   NextPageText = "下一页",
                   LastPageText = "末页",
                   HorizontalAlign = "right",
                   PagerItemTemplate = " {0}"
               })
                </div>
                <!--/*新闻列表end */-->
            </div>
    
            <div class="clear"></div>
        </div>
        @Html.Partial("UCDetailsRight")
        <div class="clear"></div>
        <!--/*内容 end*/-->
    </div>
    

      

    Redis桌面管理器:http://redisdesktop.com/download

    参考:http://www.webdiyer.com/mvcpager/

  • 相关阅读:
    Canvas与Image互相转换示例以及利用该技术实现微信长按自动识别二维码功能
    chrome浏览器无法安装非应用商店插件的解决办法
    用canvas绘制android机器人
    TortoiseGit保存用户名和密码的方法
    event对象的兼容性
    利用jQuery无缝滚动插件liMarquee实现图片(链接)和文字(链接)向右无缝滚动(兼容ie7+)
    jQuery动画的hover连续触发动画bug处理
    用jquery实现平滑的页面滚动效果
    实现段落文字两端对齐的css样式
    前端构建工具gulpjs的使用介绍及技巧(转)
  • 原文地址:https://www.cnblogs.com/xsj1989/p/5641124.html
Copyright © 2011-2022 走看看