序言


本来想自己对这个分页使用做一些总结的,但发现大神们已经总结的很好了。所以给推荐一下。

转自:http://www.cnblogs.com/knowledgesea/archive/2013/01/03/2841554.html

下面是个人测试的列子:


前端代码


@{
Layout = null;
} <!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>JsPage</title>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.pagination.js"></script>
<link href="~/Style/pagination.css" rel="stylesheet" />
<script type="text/javascript"> var pageIndex = 1; //页面索引初始值
var pageSize = 10; //每页显示条数初始化,修改显示条数,修改这里即可
var PageCount = 100;
$(document).ready(function () {
InitTable(pageIndex); //Load事件,初始化表格数据,页面索引为0(第一页)
InitPager();
}); function InitPager() {
//分页,PageCount是总条目数,这是必选参数,其它参数都是可选
$("#pager").pagination(PageCount, {
callback: PageCallback, //PageCallback() 为翻页调用次函数。
prev_text: "上一页",
next_text: "下一页",
items_per_page: pageSize,
num_edge_entries: 2, //两侧首尾分页条目数
num_display_entries: 3, //连续分页主体部分分页条目数
current_page: pageIndex - 1, //当前页索引
});
}
//翻页调用
function PageCallback(index, jq) {
InitTable(index + 1);
}
//请求数据
function InitTable(pageIndex) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "/Page/GetPage",
dataType: "json",
data: "{pageIndex:'" + pageIndex + "',pageSize:'" + pageSize + "'}", //提交两个参数:pageIndex(页面索引),pageSize(显示条数)
success: function (data) {
$("#divtest").html("");
var str = "";
$.each(data, function (i, item) {
str = str + "<span>" + item + "<span><br />";
});
$("#divtest").append(str);
}
});
} </script>
</head>
<body>
<div id="divtest"></div>
<div id="pager">
</div>
</body>
</html>

后台代码:


[HttpPost]
public JsonResult GetPage(int pageIndex, int pageSize)
{
IList<string> list = new List<string>();
int n = (pageIndex - ) * pageSize + ;
for (int i = n; i <= n + pageSize - ; i++)
{
list.Add("aaaa" + i);
};
return Json(list);
}

效果:

(推荐)jquery.pagination.js分页的更多相关文章

  1. jquery.pagination.js分页

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

  2. js jquery.pagination.js分页

    1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个. 首先引用 jquery.pagination.js (分页js),跟pagination.css( ...

  3. [转]jquery.pagination.js分页

    本文转自:http://www.cnblogs.com/knowledgesea/archive/2013/01/03/2841554.html 序言 这一款js分页使用起来很爽,自己经常用,做项目时 ...

  4. jquery.pagination.js分页demo

    公用jquery.pagination.js /** * This jQuery plugin displays pagination links inside the selected elemen ...

  5. jquery.pagination.js分页插件的使用

    Pagination的相关参数: Pagination使用的核心代码:         //回调函数         function pageselectCallback(page_index, j ...

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

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

  7. 浅谈jQuery Pagination Ajax 分页插件的使用

    插件介绍 此插件是jQuery的ajax分页插件.分页切换时无刷新也无延迟,因为是一次性加载的.如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好! 插件 ...

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

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

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

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

随机推荐

  1. __block在ARC和非ARC下有什么不同

    一般在block中修改变量都需要事先加block进行修饰.在非arc中,block修饰的变量的引用计算是不变的.在arc中,会引用到,并且计算+1:非arc下可使用(arc直接使用__weak即可) ...

  2. 什么是method swizzling

    其实跟字面的意思很相近.方法的调和.可以去修改oc中两个方法的调用. 这张图看起来会比较形象 20130718230430859.png 就是把两个实现调换具体的做法,首先,用Categroy建立自己 ...

  3. multipath.conf

    # This is a basic configuration file with some examples, for device mapper# multipath.# For a comple ...

  4. DFU工作过程中USB机制

    在一级bootloader执行进入USB启动方式之后,设备进行枚举.枚举过程中会通过PC端发送命令对连接的USB设备进行枚举.当枚举成功之后,在PC端可以看到设备的盘符. 当设备能够被PC正确识别之后 ...

  5. mac下使用brew安装svn javahl的问题

    eclipse老提示javahl太久必须得1.8以上,以前不知道什么时候在/usr/bin装过1.7的svn. 1. 删除1.7的svn sudo rm /usr/bin/svn 2.使用brew安装 ...

  6. 4道过滤菜鸟的iOS面试题

    网上已经有很多针对各种知识点的面试题,面试时有些人未必真正理解也能通过背题看上去很懂.我自己总结了4道面试题,好快速的判断这个人是否是一个合格的工程师,欢迎大家点评. 1.struct和class的区 ...

  7. Linux shell入门基础(七)

    七.bash脚本中的流程控制   条件判断控制   -[]([]中的表达式是否为真)  &&(前边的结果是true的时候执行后边的命令)   ||(前边的结果是false的时候执行后边 ...

  8. 如何学习H264协议

    如何学习h.264协议 首先,我假定你已经具有如下基础: 1 了解基本的视频知识,知道什么是YCbCr/YUV: 2 知道基本的视频压缩原理: 如果这两条还不具备,那么,停一下,补一下课.这方面的相关 ...

  9. IP 转地址

    1.需要  QQWry.Dat IP 地址数据库 2辅助类库 using System; using System.Collections.Generic; using System.IO; usin ...

  10. AES对称加密算法

    package cn.jsonlu.passguard.utils; import org.apache.commons.codec.binary.Base64; import javax.crypt ...