首先引用这三个文件

<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

  1. <body>
  2.     <div>
  3.         <div class="title">
  4.             <h1>
  5.                 工作量统计表</h1>
  6.         </div>
  7.         <table width="50%" border="1" class="t1">
  8.             <thead>
  9.                 <th>
  10.                     墓型代码
  11.                 </th>
  12.                 <th>
  13.                     墓型名称
  14.                 </th>
  15.                 <th>
  16.                     面积
  17.                 </th>
  18.                 <th>
  19.                     单价
  20.                 </th>
  21.                 <th>
  22.                     累计建墓
  23.                 </th>
  24.             </thead>
  25.             <tbody style="text-align: center; font-size: 12px; color: black;">
  26.             </tbody>
  27.         </table>
  28.         <br />
  29.         <div id="page-bottom" style="width: 55%; border: 1px;" class="pageinfo">
  30.         </div>
  31.     </div>
  32. </body>

前端代码：

  1. <script language="javascript" type="text/javascript">
  2.         //得到页面数据总数
  3.         function getPageCount() {
  4.             var result = "";
  5.             $.ajax({
  6.                 type: "POST",
  7.                 url: "/Manager/WorkStatistic/PageGetCount",
  8.                 cache: "false",
  9.                 async: false,
  10.                 success: function (data) {
  11.                     result = eval(data);
  12.                 },
  13.                 error: function (XMLHttpRequest, textStatus, errorThrown) {
  14.                     alert("程序异常!");
  15.                 }
  16.             });
  17.             return result;
  18.         };
  19.         $(document).ready(function () {
  20.             //加载页数及页码
  21.             var recordCount = getPageCount();
  22.             InitPager(recordCount, 1);
  23.         });
  24.         function Init(PageIndex, PageCount) {
  25.             var receive_url = "/Manager/WorkStatistic/WorkStatistics?pageIndex=" + PageIndex + "&PageCount=" + PageCount;
  26.             $.ajax({
  27.                 type: "GET",
  28.                 url: receive_url,
  29.                 cache: "false",
  30.                 success: function (data) {
  31.                     data = eval(data);
  32.                     $("tbody").html("");
  33.                     var html = "";
  34.                     for (var i = 0; i < data.length; i++) {
  35.                         var json = data[i];
  36.                         var mxdm = json.mxdm;
  37.                         var mxdmmc = json.mxdmmc;
  38.                         var mj = json.mj;
  39.                         var dj = json.dj;
  40.                         var ljjm = json.ljjm;
  41.                         html += "<tr><td>" + mxdm + "</td><td>" + mxdmmc + "</td><td>" + mj + "</td><td>" + dj + "</td><td>" + ljjm + "</td></tr>";
  42.                     }
  43.                     $("tbody").append(html);
  44.                 },
  45.                 error: function (XMLHttpRequest, textStatus, errorThrown) {
  46.                     alert("程序异常!");
  47.                 }
  48.             });
  49.         };
  50.         //RecordCount[总记录数] PageIndex[当前页码]
  51.         function InitPager(RecordCount, PageIndex) {
  52.             $("#page-bottom").setPager({ RecordCount: RecordCount, PageIndex: PageIndex, buttonClick: PageClick });
  53.             //分页同时更新数据源
  54.             Init(PageIndex, 20);
  55.         };
  56.         //分页事件
  57.         PageClick = function (RecordCount, PageIndex) {
  58.             InitPager(RecordCount, PageIndex);
  59.         };
  60.     </script>

客户端代码：

  1.         public ActionResult WorkStatistics()
  2.         {
  3.             string pageIndex = Request.Params.Get("PageIndex");
  4.             string pageCount = Request.Params.Get("PageCount");
  5.             int page = Convert.ToInt32(pageIndex) * Convert.ToInt32(pageCount);
  6.             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"
  7.                 + " 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));
  8.  
  9.             DataSet ds = DBhelper.Query(SQL_Init);
  10.             //实例化结构体数组
  11.             TombType_SaleInfo[] result = new TombType_SaleInfo[ds.Tables[].Rows.Count];
  12.             for (int i = ; i < ds.Tables[].Rows.Count; i++)
  13.             {
  14.                 string mxdm = ds.Tables[].Rows[i]["MXDM"].ToString();
  15.                 string mxdmmc = ds.Tables[].Rows[i]["MXDMMC"].ToString();
  16.                 double mj = Double.Parse(ds.Tables[].Rows[i]["MJ"].ToString() == "" ? "" : ds.Tables[].Rows[i]["MJ"].ToString());
  17.                 int dj = Int32.Parse(ds.Tables[].Rows[i]["DJ"].ToString() == "" ? "" : ds.Tables[].Rows[i]["DJ"].ToString());
  18.                 int ljjm = Int32.Parse(ds.Tables[].Rows[i]["LJJM"].ToString() == "" ? "" : ds.Tables[].Rows[i]["LJJM"].ToString());
  19.  
  20.                 TombType_SaleInfo temp = new TombType_SaleInfo(mxdm, mxdmmc, mj, dj, ljjm);
  21.                 result[i] = temp;
  22.             }
  23.             return Json(result, JsonRequestBehavior.AllowGet);
  24.         }
  25.         //得到数据总条数
  26.         public void PageGetCount()
  27.         {
  28.             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 )";
  29.             string count = DBhelper.GetScalar(SQL_Init);
  30.             Response.Write(count);
  31.             Response.End();
  32.         }

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. 导出excel的简单方法

    excel的操作,最常用的就是导出和导入,废话不多说上代码. 本例使用NPOI实现的,不喜勿喷哈.... /// <summary> /// 导出Excel /// </summar ...

  2. jquery 关于event.target使用的几点说明介绍

    event.target说明:引发事件的DOM元素. this和event.target的区别js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的 ...

  3. 前端----表格的具体使用（jquery）

    表格在页面布局中常常会用到.在不同的框架中有不同的使用方法,现在,我先总结下表格在jquery中具体使用: 1.增--insertAfter() function addTr(){ $("& ...

  4. CSDN Oracle版精华帖荟萃

    ⑴ 关于大数据量的数据库设计问题http://bbs.csdn.net/topics/390382930⑵ ORA-00904标识符无效http://bbs.csdn.net/topics/39033 ...

  5. Object-C添加方法

    给实例变量添加getter方法: #import <Cocoa/Cocoa.h> @interface Photo:NSObject { NSString *caption; NSStri ...

  6. HDU1557权利选举

    /* 思路:遍历所有2^n个集合,对于每个集合求票和,如果满足票为优胜团体,而再对集合每个成员比较,是否满足变成非优胜团体,是的话,对于该成员对应结果+1. 重点:利用二进制思想,所有团体均对应0~2 ...

  7. 简单的完全背包HDU1114

    今天广州下雨啦,不过没关系啦,反正我最近也都在刷题学习算法. 昨天做了五题01背包,今天还是背包,不过是完全背包,估计做动态规划要持续好一段时间,一开始选了一道简单题目啦. HDU1114,看了小一段 ...

  8. gettid()和pthread_self()的区别

    Linux中,每个线程有一个tid,类型long,由sys_gettid()取得. Linux内核中并没有实现线程,而是由glibc线程库实现的POSIX线程.每个线程也有一个id,类型 pthrea ...

  9. C#程序中：如何向xml文件中写入数据和读取数据

    xml文件作为外部信息存储文件使用简单,方便,其结构和表格略有相似,下面简单的说一下xml文件内容的读取 …… using System.Xml;using System.IO;namespace W ...

  10. CentOS如何查看端口是被哪个应用/进程占用

    有时启动应用时会发现端口已经被占用,或者是感觉有些端口自己没有使用却发现是打开的.这时我们希望知道是哪个应用/进程在使用该端口. CentOS下可以用netstat或者lsof查看,Windows下也 ...