zoukankan      html  css  js  c++  java
  • 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
                });
            }
  • 相关阅读:
    为什么未来是全栈project师的世界?
    剑指Offer面试题10(Java版):二进制中的1的个数
    arm-linux内存管理学习笔记(1)-内存页表的硬件原理
    高速掌握Lua 5.3 —— 字符串库 (2)
    C语言实现使用动态数组来构造栈结构
    [自学AndroidStudio系列]第二篇章:高速上手AS小技巧其一
    苹果新的编程语言 Swift 语言进阶(十三)--类型检查与类型嵌套
    JAVA 安装JDK注意事项
    hdu 1398 Square Coins(母函数)
    百度有道雅虎的实习面试经历
  • 原文地址:https://www.cnblogs.com/wangjingblogs/p/3391818.html
Copyright © 2011-2022 走看看