• jquery.pagination.js使用


    直接上代码:

     1     <script type="text/javascript">
     2         var pageIndex = 1; //页面索引初始值
     3         var pageSize = 10; //每页显示条数初始化,修改显示条数,修改这里即可
     4         // 默认什么当前用户所在的城市
     5         $().ready(function () {
     6             getCarBrandPrice(pageIndex, pageSize);
     7         });
     8         // 获取车型价格列表
     9         function getCarBrandPrice(pageIndex,pageSize ) {
    10             $(".cmain").remove();
    11             $.ajax({
    12                 url: "asyncHandler.ashx?cmd=GetCarPriceLook&CarStalls=" + $("#hidCarStalls").val() + "&AreaID=" + $("#hidCityID").val()
    13                 + "&MinPrice=" + $("#minPrice").val() + "&MaxPrice=" + $("#maxPrice").val() + "&OrderBy=" + $("#hidOrderBy").val()
    14                 + "&CarBrandID=" + $("#hidCarBrandID").val() + "&r=" + Math.random() + "&pageIndex=" + pageIndex + "&pageSize=" + pageSize,
    15                 success: function (response) {
    16                     if (response!=null&&response.totalCount > 0) {
    17 //                      $(".cmain").remove();
    18 //                      $("#carlistdiv").append(BuildCarMain(response));
    19                         $(".cmain").remove();
    20                         $("#carlistdiv").append(BuildCarMain(response));
    21                         $("#Pagination").pagination(response.totalCount, {
    22                             callback: PageCallback, //PageCallback() 为翻页调用次函数。
    23                             prev_text: "« 上一页",
    24                             next_text: "下一页 »",
    25                             items_per_page: pageSize,
    26                             num_display_entries: 5, //连续分页主体部分分页条目数
    27                             current_page: pageIndex - 1 //当前页索引
    28                         });
    29                     }
    30                     else {
    31                         $(".cmain").remove();
    32                         $("#carlistdiv").append("<div class="cmain" style='color:red;text-align:center;font-size:14;'>对不起,没有符合您所需要的车型!</div>");
    33                     }
    34                 }
    35             });
    36         }
    37 
    38         // 分页控件回调事件
    39         function PageCallback(index, jq) {
    40             getCarBrandPrice(index+1, pageSize);
    41         }
    查看代码

    HTML代码:

    1                         <div id="carlistdiv" class="car_list" runat="server">
    2                         </div>
    3                         <div id="Pagination" class="ui-paging"></div>
    查看代码

    C#后台代码:

            private string GetCarPriceLook(HttpContext context)
            {
    
                AnonCarBrandInfoFilter filter = new AnonCarBrandInfoFilter();
                filter.sortMode = string.IsNullOrEmpty(context.Request["OrderBy"]) ? "Asc" : TypeParse.ToStr(context.Request["OrderBy"]);
                filter.pageIndex = TypeParse.ToInt(context.Request["pageIndex"]);
                filter.pageSize = TypeParse.ToInt(context.Request["pageSize"]);
    
                IList<AnonCarBrandInfo> CarBrandlist = B_Car.Instance.GetListForLook(filter);
                if (filter.pageIndex > 0)//
                {
                    CarBrandlist = CarBrandlist .Skip((filter.pageIndex - 1) * filter.pageSize).Take(filter.pageSize).ToList(); ;
                }
                return JsonConvert.SerializeObject(new
                {
                    DataList = CarBrandlist ,
                    totalCount = filter.totalCount
                });
            }
  • 相关阅读:
    自定义GridView分页控件
    ASP.NET中JSON的序列化和反序列化 C#的JSON数据格式转换方法
    C# 中 Struct 与 Class 的区别,以及两者的适用场合
    IEnumerable
    谈谈C#中的三个关键词new , virtual , override
    常见通信协议
    当base-package="controller.*"时,可见packageSearchPath为"classpath*:controller/*/**/*.class": 当base-package="controller.**"时,可见packageSearchPath为"classpath*:controller/**/**/*.class":
    DO,DTO和VO的使用
    mysql 字符
    mysql sql 分析
  • 原文地址:https://www.cnblogs.com/wangjingblogs/p/3391818.html
Copyright © 2020-2023  润新知