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. Temporary ASP.NET Files\root 空间增长太快

    估计是虚拟目录有新的文件,造成项目重新被编译要么把新文件放到另一个目录,要么使用web application而不是web project

  2. LeetCode——9. Palindrome Number

    一.题目链接:https://leetcode.com/problems/palindrome-number/ 二.题目大意: 给定一个整数,判断它是否为一个回文数.(例如-12,它就不是一个回文数: ...

  3. googletest基本测试宏

    还不知道googletest基本使用方法的请参看前一篇blog  使用googletest进行C++单元测试 本篇仍然使用testStack测试文件进行测试,测试代码如下 #include <g ...

  4. 新版appium 支持name定位的方法(没试 记录再此)

    查找路径:appium-desktop\resources\app\node_modules\appium\node_modules\appium-android-driver\build\lib 修 ...

  5. dos命令及github介绍

    dos命令:(不区分大小写)(尽量不要用汉字) 1.打开终端的快捷方式: window+r 输入cmd 或点击 开始栏 输入cmd 2.终端的目录:c盘默认 user/administator: 想在 ...

  6. 在Ubuntu16.04下面安装asterisk网络电话交换机服务器

    在Ubuntu下面需要安装 apt install libncurses5-dev uuid-dev libjansson-dev libxml2-dev libsqlite3-dev 去官网下载包h ...

  7. [UE4]小地图UI放在哪里创建合适？

    在常见的FPS游戏中,玩家死亡以后,还是可以进行聊天和漫游的,因此聊天UI和小地图都应该放在PlayerState中创建

  8. ArcEngine 创建空间参考设置默认域

    ISpatialReferenceFactory3 spatialReferenceFactory = new SpatialReferenceEnvironmentClass(); outSR = ...

  9. Unreal Engine 4 基于Kajiya-Kay的材质迭代

    转自:http://www.52vr.com/article-859-1.html 在先前的文章Unreal Engine 4 —— Kajiya-Kay Shading在UE4中的实现 中过了一遍怎 ...

  10. Java基础知识_毕向东_Java基础视频教程笔记(22-25 GUI 网络编程 正则)

    22天-01-GUIGUI:Graphical User Interface 图形用户接口 Java为GUI提供的对象都存在java.Awt和javax.Swing两个包中CLI:Common lin ...