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

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

function query(){//crossTable pivot不能用新数据去reload,只能重新初始化和生成jqgrid

    $("#showReport div").remove();

    $("#showReport").append("<table id='jqGridList'></table>");

    $("#showReport").append("<div id='pager2'></div>");

    pageInit(newJson);

}

2.初始化方法

function pageInit(jsonArray){

$("#jqGridList").jqGrid('jqPivot',

     jsonArray,//'<%=basePath%>js/data/data_copy.json',

      // pivot options

      {

        xDimension : [

          {

            dataName: 'group',

            width:90

          },

          {

            dataName: 'name'

          }

        ],

        yDimension : [

          {

            dataName: 'country',

            width:130

          }

        ],

        aggregates : [

          {

            member : 'amount',

            aggregator : 'sum',

            width:130,

            label:'合计汇总',

            formatter:'integer',

            align:'right',

            summaryType: 'sum'

          }

          ,{

            member : 'amount',

            aggregator : 'count',

            width:100,

            label:'Count',

            formatter:'integer',

            align:'right',

            summaryType: 'sum'

          }

        ],

        colTotals: true,

        rowTotals: true

      },

      // grid options

      {

        width: 1000,

        rowNum : 10,

        pager: "#pager2",

        caption: "Rows grouping"

      });
};

3.数据：

var newJson=[ {

        "CategoryName" : "Beverages",

        "ProductName" : "Steeleye Stout",

        "Country" : "UK",

        "Price" : "1008.0000",

        "Quantity" : "65"

    }, {

        "CategoryName" : "Beverages",

        "ProductName" : "Laughing Lumberjack Lager",

        "Country" : "USA",

        "Price" : "140.0000",

        "Quantity" : "10"

    }, {

        "CategoryName" : "Beverages",

        "ProductName" : "Lakkalik\u00f6\u00f6ri",

        "Country" : "USA",

        "Price" : "2160.0000",

        "Quantity" : "120"

    }, {

        "CategoryName" : "Beverages",

        "ProductName" : "Guaran\u00e1 Fant\u00e1stica",

        "Country" : "USA",

        "Price" : "436.5000",

        "Quantity" : "97"

    }, {

        "CategoryName" : "Beverages",

        "ProductName" : "Ipoh Coffee",

        "Country" : "UK",

        "Price" : "1656.0000",

        "Quantity" : "36"

    }];

4.html

<body>

<table>

<tr>

        <td id="showReport" colspan="2">

            <table id="jqGridList"></table>

            <div id="pager2"></div>

        </td>

    </tr>

   </table>

  </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. SQLServer数据库自增长标识列的更新修改操作

    SQLServer数据库自增长标识列的更新修改操作方法在日常的sql server开发中,经常会用到Identity类型的标识列作为一个表结构的自增长编号.比如文章编号.记录序号等等.自增长的标识列的 ...

  2. 【剑指offer】两个栈实现队列

    用两个栈来实现一个队列,完成队列的Push和Pop操作. 队列中的元素为int类型. public class Solution {        Stack<Integer> stack ...

  3. IDC：UPS（不间断电源）

    ylbtech-IDC:UPS(不间断电源) UPS(Uninterruptible Power System/Uninterruptible Power Supply),即不间断电源,是将蓄电池(多 ...

  4. error: Error retrieving parent for item: No resource found that matches the given name 'android:Widget.Material.ActionButton'.

    引用appcompat 类库提示 error: Error retrieving parent for item: No resource found that  matches the given ...

  5. [UE4]移动相机，使用Arrow组件来标记移动位置

    一.创建一个Arrow组件来标记要移动的位置(Arrow的用法之一就是用来标注坐标). 二.使用TimeLine时间轴结合插值Lerp来移动相机

  6. CentOS安装nginx以及负载均衡的搭建

    依赖环境,没有安装的需要安装一下 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install open ...

  7. Delphi疑难问题整理！！！

    一.Dll调用时报错,例如: TGetResPrice = function(var AName: string; AFileName: string): TResourceRecArray; std ...

  8. MySQL也真是让人郁闷(关于子查询中使用limit)

    在MySQL4.1中子查询是不能使用LIMIT的,手册中也明确指明 “This version of MySQL doesn’t yet support ‘LIMIT & IN/ALL/ANY ...

  9. UA池和代理池在scrapy中的应用

    一.下载中间件 下载中间件(Downloader Middlewares) 位于scrapy引擎和下载器之间的一层组件. - 作用: (1)引擎将请求传递给下载器过程中, 下载中间件可以对请求进行一系 ...

  10. 为什么使能RPS/RFS, 或者RSS/网卡多队列后，QPS反而下降？

    http://laoar.github.io/blog/2017/05/07/rps/ TL;DR RPS 即receive side steering,利用网卡的多队列特性,将每个核分别跟网卡的一个 ...