序言

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

转自：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. python 代码格式化工具：YAPF

    学习资料: https://github.com/google/yapf 背景 现在的大多数 Python 代码格式化工具(比如:autopep8 和 pep8ify)是可以移除代码中的 lint 错 ...

  2. 什么是：VGA SVGA XGA SXGA

    经常可以看到VGA这些专业术语,通常这些重要技术指标指的是液晶屏(TFT LCD)的分辨率. TFT是英文Thin Film Transistor的缩写,中文意思是薄膜晶体管. VGA(Video G ...

  3. 根据新浪天气API获取各地天气状况(Java实现)

    原文出自 参考网址(重要) http://blog.csdn.net/cyxlzzs/article/details/7602469  新浪 http://blog.csdn.net/l_ch_g/a ...

  4. redis 实时从mysql 更新数据

    现在的互联网普遍都用redis+mysql ,查询一般放在 redis  上,更改 放在 redis  上, 如果更新 mysql数据到  redis 上呢? mysql 有四中类型的日志 Error ...

  5. WCF 项目应用连载[3] - 双向通信 实例管理与服务端监控

    WCF 项目应用连载[1] - 索引 - 轻量级的Log系统 - Lig Sample -序 第二节我们已经创建了Lig项目,并且能稳定工作了.现在我们来改进ILigAgent接口,实现WCF的双向通 ...

  6. poj 3422 (费用流)

    从左上角到有下角k次能获得的最大值. 跟hdu 2686一样的题目,这题一个点可以重复走,只能得到一次值. #include<stdio.h> #include<string.h&g ...

  7. js实现键盘操作对div的移动或改变-------Day43

    <爸爸去哪儿>的第二季据说要开播了额,有点小期待,不知道这一季的小宝贝们会有多萌,还会甜到心底吧, 哈哈,还记得那个风一样的女子呢,不知道她如今怎样了. 言归正传,继续今天的记录,实际上在 ...

  8. 第一篇：数据库需求与ER建模

    前言 在数据库建设过程中,哪一步最重要?绝大多数资料会告诉你,是需求分析阶段.这一步的好坏甚至直接决定数据库项目的成败. 需求分析阶段,也被称为ER建模(entity-relationship mod ...

  9. 本文实例汇总了C#中@的用法，对C#程序设计来说有不错的借鉴价值。

    具体如下: 一 字符串中的用法 1.学过C#的人都知道C# 中字符串常量可以以@ 开头声名,这样的优点是转义序列“不”被处理,按“原样”输出,即我们不需要对转义字符加上 \ (反斜扛),就可以轻松co ...

  10. js的定位实现和ip查询

    sina的api var GetLocationFromSina = function (successFunc, errorFunc) { $.getScript('http://int.dpool ...