直接上代码:

     <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
});
}

jquery.pagination.js使用的更多相关文章

  1. Spring+Mybatis+jQuery.Pagination.js异步分页及JsonConfig的使用

    在开发工作中经常用到异步分页,这里简单整理一下资料. 一.Controller方法 package com.lwj.controller; import javax.servlet.http.Http ...

  2. jquery.pagination.js分页

    参数说明 参数名 描述 参数值 maxentries 总条目数                           必选参数,整数 items_per_page 每页显示的条目数            ...

  3. 无刷新分页 jquery.pagination.js

     无刷新分页 jquery.pagination.js 采用Jquery无刷新分页插件jquery.pagination.js实现无刷新分页效果 1.插件参数列表 http://www.dtan.so ...

  4. (推荐)jquery.pagination.js分页

    序言 本来想自己对这个分页使用做一些总结的,但发现大神们已经总结的很好了.所以给推荐一下. 转自:http://www.cnblogs.com/knowledgesea/archive/2013/01 ...

  5. ajax分页实现,jquery.pagination.js

    1.前台使用ajax无刷新分页,主要需要生成分页的工具条,这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代 ...

  6. Spring Data Jpa+SpringMVC+Jquery.pagination.js实现分页

    本博客介绍基于Spring Data这款orm框架加上Jquery.pagination插件实现的分页功能. 介绍一下Spring Data框架 spring Data : Spring 的一个子项目 ...

  7. jquery.pagination.js添加跳转页

    原作者github地址:https://github.com/gbirke/jquery_pagination 在这基础上加入了跳转到指定页. 修改后的jquery.pagination.js /** ...

  8. jquery.pagination.js 新增 首页 尾页 功能

    jquery.pagination.js 新增 首页 尾页 功能 废话不多说,直接上修改后的代码,修改部分已经用 update 注释包含 17-20行 99-103行 141-145行 /** * T ...

  9. 分页插件 jquery.pagination.js

    引用 <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <lin ...

  10. 使用jQuery的分页插件jquery.pagination.js进行分页

    1,需要用到jquery.pagination.js和pagination.css https://pan.baidu.com/s/1G3PLQSRGjvLxl2ryqpV76w https://pa ...

随机推荐

  1. iTextSharp 生成PDF

    下载地址:http://sourceforge.net/projects/itextsharp/ iText is a PDF library that allows you to CREATE, A ...

  2. 【Prism】MEF版Commanding

    引言 接下来的是Commanding Demo的改造. DelegateCommand    WPF本身提供了一个RoutedCommand,然而没什么卵用.在Prism框架中提供了个更人性化的ICo ...

  3. 二叉排序树的应用(java)

    package com.tree.find; public class TestSearchBST { private static class BiNode{ int data; BiNode lc ...

  4. canvas基础学习(四)

    今天逛天猫时,看见优衣库店铺首页有个这个飘雪效果,顿时觉得好酷炫,立马从里面copy代码进行学习. 之前我也做过一些canvas特效,往往在canvas全屏时,canvas下层的div就无法进行dom ...

  5. tar 多文件解压压缩

    tar 多文件解压:因为tar -zxvf一次值能解压一个文件,所以用xargs -n1 .先查找 ls *gz | xargs -n1 tar -zxvf .要解压的文件在list中 cat lis ...

  6. DedeCMS织梦模板标签调用大全

    本文转载:http://www.mubanzhijia.com/jishujiaocheng/1.html 关键描述调用标签: <meta name="keywords" c ...

  7. 前端项目使用module.exports文件一定要Webpack编译吗?请问gulp可以编译这种文件吗

    import引入类似这种文件,一定要用webpack去编译吗 module.pxports 是CMD规范的一个全局函数,功能是当前模块对外提供接口.require可以直接使用这个接口.例子: echo ...

  8. Gradle的快速入门

    1.基础知识: Gradle提供了:构建项目的框架.但是其中起作用的是Plugin. Gradle在默认情况下提供了很多常用的Plugin.例如:构建Java的Plugin.还有war.Ear等. G ...

  9. bae3.0第一步 添加框架支持

    1.克隆bae上应用代码: 先在本地linux机器上创建文件夹bae并进入, 再执行git clone https://git.duapp.com/appidd01iud80bg 结果会在bae文件夹 ...

  10. 蓝桥杯 基础练习 BASIC-15 字符串对比

    基础练习 字符串对比   时间限制:1.0s   内存限制:512.0MB 问题描述 给定两个仅由大写字母或小写字母组成的字符串(长度介于1到10之间),它们之间的关系是以下4中情况之一: 1:两个字 ...