zoukankan      html  css  js  c++  java
  • 基于bootstrap的分页

    由于之前写了一个局部刷新的分页,为了自己以后工作方便所以再上传一个通用的分页,基于bootstrap的分页,引用和上次写的局部刷新一样,在这里就不写了

    js代码 在页面加载的时候执行

     var element = $("#page");
    var options = {
                    bootstrapMajorVersion: 3,//版本
                    currentPage: @Convert.ToInt64(Model.PageNumber) ,//当前页数
                    numberOfPages: 10,//设置显示的页码数
                    totalPages: @Convert.ToInt64(Model.PageCount) ,//总页数
                    itemTexts: function (type, page, current) {
                        switch (type) {
                            case "first":
                                return "首页";
                            case "prev":
                                return "上一页";
                            case "next":
                                return "下一页";
                            case "last":
                                return "末页";
                            case "page":
                                return page;
                        }
                    },
                    pageUrl: function (type, page, current) {
                        return "/Comment/CarReply?pageIndex=" + page;
                    }
                };
                element.bootstrapPaginator(options);

      

    html

    <div>
    <ul id="page"></ul>
    </div>

    Controller代码(需要返回分页类型)

    [AuthorizationCodeAttribute]
           [Description("评论信息")]
           [HttpPost]
           public ActionResult Comment(int id,int? page)
           {
               #region 评论列表         
               var dal = new CarCommentOperator();
               int pageIndex = page ?? 1;//当前页
               if (!string.IsNullOrEmpty(Request.QueryString["pageindex"]))
               {
                   if (!int.TryParse(Request.QueryString["pageindex"], out pageIndex))
                   {
                       pageIndex = 1;
                   }
               }
               const int pageSize = 2;
               long totalCount;
               long totalPageCount;         
               IEnumerable<CarComment> list = dal.GetList(pageIndex, pageSize, out totalPageCount, out totalCount, "CarId=" + id);
               var commentIPagedList = new StaticPagedList<CarComment>(list, pageIndex, pageSize, Convert.ToInt32(totalCount));
               #endregion
           return View(commentIPagedList);
     
           }

      

  • 相关阅读:
    基于Kubernates微服务案例
    领导人怎样带领好团队
    前端性能核对表Checklist-2018
    国际巨头互联网公司一些运营与管理思路
    IT研发工程师职业规划
    高性能风控数据平台设计
    基础设施DevOps演进之路
    2017-2018年Scrum状态调查报告
    大型互联网系统的监控流水线
    小程序【情书与歌】一小时过审经验小谈
  • 原文地址:https://www.cnblogs.com/llxy/p/3878399.html
Copyright © 2011-2022 走看看