首先引用这三个文件

<script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-pager-1.0.js" type="text/javascript"></script>
<link href="../../Scripts/pager.css" rel="stylesheet" type="text/css" />

HTML

<body>

    <div>

        <div class="title">

            <h1>

                工作量统计表</h1>

        </div>

        <table width="50%" border="1" class="t1">

            <thead>

                <th>

                    墓型代码

                </th>

                <th>

                    墓型名称

                </th>

                <th>

                    面积

                </th>

                <th>

                    单价

                </th>

                <th>

                    累计建墓

                </th>

            </thead>

            <tbody style="text-align: center; font-size: 12px; color: black;">

            </tbody>

        </table>

        <br />

        <div id="page-bottom" style="width: 55%; border: 1px;" class="pageinfo">

        </div>

    </div>

</body>

前端代码：

<script language="javascript" type="text/javascript">

        //得到页面数据总数

        function getPageCount() {

            var result = "";

            $.ajax({

                type: "POST",

                url: "/Manager/WorkStatistic/PageGetCount",

                cache: "false",

                async: false,

                success: function (data) {

                    result = eval(data);

                },

                error: function (XMLHttpRequest, textStatus, errorThrown) {

                    alert("程序异常!");

                }

            });

            return result;

        };

        $(document).ready(function () {

            //加载页数及页码

            var recordCount = getPageCount();

            InitPager(recordCount, 1);

        });

        function Init(PageIndex, PageCount) {

            var receive_url = "/Manager/WorkStatistic/WorkStatistics?pageIndex=" + PageIndex + "&PageCount=" + PageCount;

            $.ajax({

                type: "GET",

                url: receive_url,

                cache: "false",

                success: function (data) {

                    data = eval(data);

                    $("tbody").html("");

                    var html = "";

                    for (var i = 0; i < data.length; i++) {

                        var json = data[i];

                        var mxdm = json.mxdm;

                        var mxdmmc = json.mxdmmc;

                        var mj = json.mj;

                        var dj = json.dj;

                        var ljjm = json.ljjm;

                        html += "<tr><td>" + mxdm + "</td><td>" + mxdmmc + "</td><td>" + mj + "</td><td>" + dj + "</td><td>" + ljjm + "</td></tr>";

                    }

                    $("tbody").append(html);

                },

                error: function (XMLHttpRequest, textStatus, errorThrown) {

                    alert("程序异常!");

                }

            });

        };

        //RecordCount[总记录数] PageIndex[当前页码]

        function InitPager(RecordCount, PageIndex) {

            $("#page-bottom").setPager({ RecordCount: RecordCount, PageIndex: PageIndex, buttonClick: PageClick });

            //分页同时更新数据源

            Init(PageIndex, 20);

        };

        //分页事件

        PageClick = function (RecordCount, PageIndex) {

            InitPager(RecordCount, PageIndex);

        };

    </script>

客户端代码：

        public ActionResult WorkStatistics()

        {

            string pageIndex = Request.Params.Get("PageIndex");

            string pageCount = Request.Params.Get("PageCount");

            int page = Convert.ToInt32(pageIndex) * Convert.ToInt32(pageCount);

            string SQL_Init = @"SELECT * FROM ( SELECT rownum RN,t.* FROM ( SELECT a.mxdm,a.mxdmmc,a.mj,AVG((SELECT dj FROM mxdm WHERE a.mxdm= mxdm)) dj,COUNT(*) ljjm"

                + " FROM mwdmxx a WHERE a.azfsdm= '01' GROUP BY a.mxdm ,a.mxdmmc,a.mj ORDER BY a.mxdm) t WHERE  rownum <=" + page + ") WHERE RN > " + (page - Convert.ToInt32(pageCount));

            DataSet ds = DBhelper.Query(SQL_Init);

            //实例化结构体数组

            TombType_SaleInfo[] result = new TombType_SaleInfo[ds.Tables[].Rows.Count];

            for (int i = ; i < ds.Tables[].Rows.Count; i++)

            {

                string mxdm = ds.Tables[].Rows[i]["MXDM"].ToString();

                string mxdmmc = ds.Tables[].Rows[i]["MXDMMC"].ToString();

                double mj = Double.Parse(ds.Tables[].Rows[i]["MJ"].ToString() == "" ? "" : ds.Tables[].Rows[i]["MJ"].ToString());

                int dj = Int32.Parse(ds.Tables[].Rows[i]["DJ"].ToString() == "" ? "" : ds.Tables[].Rows[i]["DJ"].ToString());

                int ljjm = Int32.Parse(ds.Tables[].Rows[i]["LJJM"].ToString() == "" ? "" : ds.Tables[].Rows[i]["LJJM"].ToString());

                TombType_SaleInfo temp = new TombType_SaleInfo(mxdm, mxdmmc, mj, dj, ljjm);

                result[i] = temp;

            }

            return Json(result, JsonRequestBehavior.AllowGet);

        }

        //得到数据总条数

        public void PageGetCount()

        {

            string SQL_Init = @"SELECT count(*) FROM (SELECT count(a.mxdm)  FROM mwdmxx a WHERE a.azfsdm= '01' GROUP BY a.mxdm ,a.mxdmmc,a.mj )";

            string count = DBhelper.GetScalar(SQL_Init);

            Response.Write(count);

            Response.End();

        }

jquery-pager分页的更多相关文章

  1. 用jquery.pager.js实现分页

    1.html <link href="/stylesheets/Pager.css" rel="stylesheet" type="text/c ...

  2. 转：精心挑选的12款优秀 jQuery Ajax 分页插件和教程

    在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的  ...

  3. 分享一个手机端好用的jquery ajax分页类

    分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js 1,引入jquery-ias.min.js 2,调用ajax分页 <script type="te ...

  4. jQuery Pagination分页插件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. Jquery的分页插件

    Jquery的分页插件, 用起来还不错. 来自: http://flaviusmatis.github.io/simplePagination.js/   下载地址: https://github.c ...

  6. SpringMVC -jquery实现分页

    效果图: 关键类的代码: package:utils: SpringUtil.java 通过jdbcTemplate连接oracle数据库 package com.utils; import org. ...

  7. 12款优秀 jQuery Ajax 分页插件和教程

    12款优秀 jQuery Ajax 分页插件和教程 在这篇文章中,我为大家收集了12个基于 jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示.Ajax 技术的出现使得 W ...

  8. jquery动态分页

    最近一直研究jquery的分页效果,刚刚弄好了一个,拿出来与大家分享.分页效果与时光网的差不多. 网址:http://www.mtime.com/movie/news/all/ 先在aspx页面放置一 ...

  9. jQuery Pagination分页插件--刷新

    源码地址:https://github.com/SeaLee02/FunctionModule/blob/master/UploadFiles/WebDemo/FenYE/FenYeDemo.aspx ...

  10. jquery 3D分页翻转滑块

    jquery 3D分页翻转滑块,jquery分页,jquery插件,jquery,3D翻转,css3分页,360度旋转,网页特效代码3D分页翻转滑块是一款使用网格样式与滑块效果分页的特效.

随机推荐

  1. 定位 position

    html结构是fixed包裹relative,relative包裹absolute position:relative;相对定位 a 不影响元素本身的特性 b 不使元素脱离文档流(元素移动之后原始位置 ...

  2. 功能点分析法FPA笔记

    转载请注明出处:http://www.cnblogs.com/lidabnu/p/5700412.html 主要参考资料来自百度文库:http://wenku.baidu.com/link?url=y ...

  3. sharepoint中的YesNo字段

    sharepoint中的YesNo字段实际上是一个Boolean字段,性格有点特别,如果IsShow是一个YesNo字段,使用caml查询的时候值为”1“(Yes)”0“(No),Item[IsSho ...

  4. SQLSERVER2008 显示列信息，包含扩展属性

    select b.name as table_name,a.name as column_name,t.name type_name        ,a.max_length ,a.precision ...

  5. /etc目录深入理解

    /etc This is the nerve center of your system, it contains all system related configuration files in ...

  6. js实现文件上传，删除效果

    效果图: 刚开始: 点击按钮"选择更多后",可以添加很多选择文件: 点击按钮"删除"后: 实现代码: <!DOCTYPE html><html ...

  7. EDM推送

    一.需求描述:        日前,做了一个发送客户账单的功能,邮件模板采用自定义,生成vm文件,保存至redis,    采用jodd-mail发送邮件,查询用户账单数据,账单明细,缓存加载模板并渲 ...

  8. Windowsphone 之xml序列化和反序列化的应用(WebService解析返回的数据DataSet )

    关于Xml的序列化和反序列化: 可以看这篇文章,http://www.cnblogs.com/Windows-phone/p/3243575.html WebService解析返回的数据DataSet ...

  9. sublime text 3 安装中文

    本经验目前在Ubuntu14.04环境下,已有搜狗输入法 for Linux和Sublime Text 3的情况下安装成功. END 解决方法步骤2   1 保存下面的代码到文件sublime_imf ...

  10. JavaScript 学习笔记之线程异步模型

    核心的javascript程序语言并没有包含任何的线程机制,客户端javascript程序也没有任何关于线程的定义,事件驱动模式下的javascript语言并不能实现同时执行,即不能同时执行两个及以上 ...