1.当使用jqGrid进行多维表时，reload方法会不停的重复增加标题的行数。

解决办法：直接删除jqGrid,重新初始化页面。

  1. function query(){//crossTable pivot不能用新数据去reload,只能重新初始化和生成jqgrid
  2.     $("#showReport div").remove();
  3.     $("#showReport").append("<table id='jqGridList'></table>");
  4.     $("#showReport").append("<div id='pager2'></div>");
  5.     pageInit(newJson);
  6. }

2.初始化方法

  1. function pageInit(jsonArray){
  2. $("#jqGridList").jqGrid('jqPivot',
  3.      jsonArray,//'<%=basePath%>js/data/data_copy.json',
  4.       // pivot options
  5.       {
  6.         xDimension : [
  7.           {
  8.             dataName: 'group',
  9.             width:90
  10.           },
  11.           {
  12.             dataName: 'name'
  13.           }
  14.         ],
  15.         yDimension : [
  16.           {
  17.             dataName: 'country',
  18.             width:130
  19.           }
  20.         ],
  21.         aggregates : [
  22.           {
  23.             member : 'amount',
  24.             aggregator : 'sum',
  25.             width:130,
  26.             label:'合计汇总',
  27.             formatter:'integer',
  28.             align:'right',
  29.             summaryType: 'sum'
  30.           }
  31.           ,{
  32.             member : 'amount',
  33.             aggregator : 'count',
  34.             width:100,
  35.             label:'Count',
  36.             formatter:'integer',
  37.             align:'right',
  38.             summaryType: 'sum'
  39.           }
  40.  
  41.         ],
  42.         colTotals: true,
  43.         rowTotals: true
  44.       },
  45.       // grid options
  46.       {
  47.         width: 1000,
  48.         rowNum : 10,
  49.         pager: "#pager2",
  50.         caption: "Rows grouping"
  51.       });
    };

3.数据：

  1. var newJson=[ {
  2.         "CategoryName" : "Beverages",
  3.         "ProductName" : "Steeleye Stout",
  4.         "Country" : "UK",
  5.         "Price" : "1008.0000",
  6.         "Quantity" : "65"
  7.     }, {
  8.         "CategoryName" : "Beverages",
  9.         "ProductName" : "Laughing Lumberjack Lager",
  10.         "Country" : "USA",
  11.         "Price" : "140.0000",
  12.         "Quantity" : "10"
  13.     }, {
  14.         "CategoryName" : "Beverages",
  15.         "ProductName" : "Lakkalik\u00f6\u00f6ri",
  16.         "Country" : "USA",
  17.         "Price" : "2160.0000",
  18.         "Quantity" : "120"
  19.     }, {
  20.         "CategoryName" : "Beverages",
  21.         "ProductName" : "Guaran\u00e1 Fant\u00e1stica",
  22.         "Country" : "USA",
  23.         "Price" : "436.5000",
  24.         "Quantity" : "97"
  25.     }, {
  26.         "CategoryName" : "Beverages",
  27.         "ProductName" : "Ipoh Coffee",
  28.         "Country" : "UK",
  29.         "Price" : "1656.0000",
  30.         "Quantity" : "36"
  31.     }];

4.html

  1. <body>
  2. <table>
  3. <tr>
  4.         <td id="showReport" colspan="2">
  5.             <table id="jqGridList"></table>
  6.             <div id="pager2"></div>
  7.         </td>
  8.     </tr>
  9.    </table>
  10.   </body>

5.页面效果

jgGrid pivot reload重新加载及刷新数据的更多相关文章

  1. jsTree 的简单用法--异步加载和刷新数据

    首先这两个文件是必须要引用的,还有就是引用 jQuery 文件就不说了: <link href="/css/plugins/jsTree/style.min.css" rel ...

  2. vue组件重新加载（刷新）

    vue组件重新加载(刷新) 第一种方法:利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法 <template> <router-view v-if=& ...

  3. 关于iOS11上MJRefresh tabview刷新后，重新加载另一组数据， 回不到顶部或者头尾显示混乱等问题解决

    MJRefresh在iOS11上存在很多bug 比如在iphoenx上首尾仍会显示的问题 刷新数据后tableview置顶不上去等问题 虽然官方给出了适配方案  但是问题还没有的到解决 比如tabvi ...

  4. vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案

    # vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案 最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化 1,关闭打 ...

  5. [原创.数据可视化系列之三]使用Ol3加载大量点数据

    不管是百度地图还是高德地图,都很难得见到在地图上加载大量点要素,比如同屏1000的,因为这样客户端性能会很低,尤其是IE系列的浏览器,简直是卡的要死.但有的时候,还真的需要,比如,我要加载全球的AQI ...

  6. 使用getJSON()方法异步加载JSON格式数据

    使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery. ...

  7. 异步加载回来的数据不受JS控制了

    写成下面这种方式时,异步加载回来的数据不受JS控制 $(."orderdiv").click(function(){ $(this).find(".orderinfo&q ...

  8. hive 压缩全解读(hive表存储格式以及外部表直接加载压缩格式数据)；HADOOP存储数据压缩方案对比（LZO,gz，ORC）

    数据做压缩和解压缩会增加CPU的开销,但可以最大程度的减少文件所需的磁盘空间和网络I/O的开销,所以最好对那些I/O密集型的作业使用数据压缩,cpu密集型,使用压缩反而会降低性能. 而hive中间结果 ...

  9. echarts 图表重新加载,原来的数据依然存在图表上

    问题 在做一个全国地图上一些饼图,并且向省一级的地图钻取的时候,原来的饼图依然显示 原因 echars所有添加的图表都在一个series属性集合中,并且同一个echars对象默认是合并之前的数据的,所 ...

随机推荐

  1. solrCloud 4.9 分布式集群部署及注意事项

    环境搭建 一.zookeeper 参考:http://blog.chinaunix.net/uid-25135004-id-4214399.html 现有4台机器 10.14.2.201 10.14. ...

  2. [转].NET Framework、C#、CLR和Visual Studo之间的版本关系

    原文地址:http://www.xcode.me/more/microsoft-net-framework-version-define C#版本 .NET Framework版本 CLR版本 Vis ...

  3. hadoop长时间运行后，stop-all.sh报错

    报错现象: hadoop在stop-all.sh的时候依据的是datanode上的mapred和dfs进程号. 而默认的进程号保存在/tmp下,linux默认会每 隔一段时间(一般是一个月或者7天左右 ...

  4. 开发框架-Web-Java：JeePlus

    ylbtech-开发框架-Web-Java:JeePlus 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 0. http://www.jeeplus.org/ ...

  5. 学习笔记之Visual Studio Code & Clang

    Mac上XCode太占空间,卸载然后安装VSCode和Clang.在VSCode中再安装extension C/C++和Code Runner,配置Tasks: Configure Task,就可以开 ...

  6. keystone认证服务

    实验操作平台:OpenStack单节点操作 一.相关概念 1.认证(authentication) 认证是确认允许一个用户访问的进程 2.证书(credentials) 用于确认用户身份的数据 3.令 ...

  7. Mybatis 系列5-结合源码解析TypeHandler

    [Mybatis 系列10-结合源码解析mybatis 执行流程] [Mybatis 系列9-强大的动态sql 语句] [Mybatis 系列8-结合源码解析select.resultMap的用法] ...

  8. front-end architecture

    这些东西都需要管理,并且提供一种比较好的方案去维护.在JavaScript被模块化之后,也可以通过单元测试来控制它们的质量,并且把这个过程自动化,每次版本有变更之前,保证它们最基本的正确性.最终,需要 ...

  9. 2-自己动手写HashMap

    public class Entry { // 键 private Object key; // 值 private Object value; //构造器 public Entry(Object k ...

  10. OpenStack各组件逻辑关系、通信部署关系及工作流程

    一. OpenStack组件之间的逻辑关系 OpenStack 是一个不断发展的系统,所以 OpenStack 的架构是演进的,举个例子: E 版本有5个组件  Compute 是 Nova:Imag ...