jquery.pagination.js使用

直接上代码：

     <script type="text/javascript">
         var pageIndex = 1; //页面索引初始值
         var pageSize = 10; //每页显示条数初始化，修改显示条数，修改这里即可
         // 默认什么当前用户所在的城市
         $().ready(function () {
             getCarBrandPrice(pageIndex, pageSize);
         });
         // 获取车型价格列表
         function getCarBrandPrice(pageIndex,pageSize ) {
             $(".cmain").remove();
             $.ajax({
                 url: "asyncHandler.ashx?cmd=GetCarPriceLook&CarStalls=" + $("#hidCarStalls").val() + "&AreaID=" + $("#hidCityID").val()
                 + "&MinPrice=" + $("#minPrice").val() + "&MaxPrice=" + $("#maxPrice").val() + "&OrderBy=" + $("#hidOrderBy").val()
                 + "&CarBrandID=" + $("#hidCarBrandID").val() + "&r=" + Math.random() + "&pageIndex=" + pageIndex + "&pageSize=" + pageSize,
                 success: function (response) {
                     if (response!=null&&response.totalCount > 0) {
 //                      $(".cmain").remove();
 //                      $("#carlistdiv").append(BuildCarMain(response));
                         $(".cmain").remove();
                         $("#carlistdiv").append(BuildCarMain(response));
                         $("#Pagination").pagination(response.totalCount, {
                             callback: PageCallback, //PageCallback() 为翻页调用次函数。
                             prev_text: "« 上一页",
                             next_text: "下一页 »",
                             items_per_page: pageSize,
                             num_display_entries: 5, //连续分页主体部分分页条目数
                             current_page: pageIndex - 1 //当前页索引
                         });
                     }
                     else {
                         $(".cmain").remove();
                         $("#carlistdiv").append("<div class=\"cmain\" style='color:red;text-align:center;font-size:14;'>对不起，没有符合您所需要的车型!</div>");
                     }
                 }
             });
         }

         // 分页控件回调事件
         function PageCallback(index, jq) {
             getCarBrandPrice(index+1, pageSize);
         }

查看代码

HTML代码：

                         <div id="carlistdiv" class="car_list" runat="server">
                         </div>
                         <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
            });
        }