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. java设计模式-Iterator

    Iterator模式 主要是用在容器的遍历上,其他的地方都不怎么用:理解一下,会用了就可以了:   1.背景 请动手自己写一个可以动态添加对象的容器: 代码: ArrayList.java(是自己实现 ...

  2. PAT 乙级 1008 数组元素循环右移问题 (20) C++版

    1008. 数组元素循环右移问题 (20) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 一个数组A中存有N(N>0)个整数,在不允 ...

  3. 一次mysql数据关于union+concat用法的记录

    SELECT CONCAT('SELECT COUNT(*) FROM ',table_name,' union all') FROM information_schema.tables WHERE ...

  4. ueditor 正在读取目录

    ueditor 版本为1.3.6  项目版本为2.0 引用 <script src="../ueditor/ueditor.config.js" type="tex ...

  5. [UE4]角度和弧度

    1角度 = 一个圆周的1/360 1弧度 = 长度为半径的弧,其所对的圆心角

  6. [UE4]制作按钮小技巧

    Normal和Pressed一样的图片和大小,Hovered也是一样的图片但是大小比Normal稍微大一点,这样点击按钮的时候就会产生按钮被按下去的感觉.

  7. hive之权限问题AccessControlException Permission denied: user=root, access=WR

    问题描述:在集群上,用hive分析数据出现如下错误 FAILED: Execution Error, return code from org.apache.hadoop.hive.ql.exec.D ...

  8. js数组冒泡

    var arr 1= [1, 2, 3, 4, 5]; 最简单的 每组数字之间用逗号隔开 第一个数的索引值为0.数字为1 以此类推 中括号的内容是存var arr2 = Array(1, 2, 3); ...

  9. HBase原理和安装

    HBase的基本概念和安装: Hbase简介 HBase的原型是Google的BigTable论文,受到了该论文思想的启发,目前作为Hadoop的子项目来开发维护,用于支持结构化的数据存储. 官方网站 ...

  10. 运行mysql时，提示Table ‘performance_schema.session_variables’ doesn’t exist

    第一步:在管理员命令中输入: mysql_upgrade -u root -p --force 第二步:关闭并重启数据库 service mysql stop service mysql start