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. mysql 事务学习

    1.事务 逻辑上的一组操作,组成这组操作的各个逻辑单元要么一起成功,要么一起失败. 2.事务特性 原子性:强调事务的不可分割.一致性:强调的是事务的执行的前后,数据的完整性要保持一致.隔离性:一个事务 ...

  2. C/C++基础----关联容器

    基本属性 与顺序容器的差别,按照关键字来保存和访问,而顺序容器是按照容器中的位置来顺序保存和访问. map:每个元素是一对键值(key-valye)组合:set每个元素只包含关键字.. 每个根据关键字 ...

  3. 解决linux下node.js全局模块找不到的情况

    今天在在linux上用npm安装了pm2准备部署node项目,结果通过pm2命令启动项目的时候报pm2找不到,这很伤,以为pm2没有安装成功,但是在node安装目录下面的bin文件夹里面调用pm2却没 ...

  4. C#实现mongodb自增列的使用

    创建一个集合存放_id db.createCollection("counters") 加入需要自增的字段 { "_id":"productid&qu ...

  5. csrf攻击 使用js 调用 php文件的方法(还没实践)

    https://www.cnblogs.com/Im-Victor/p/9306535.html

  6. 学习笔记之Swagger

    World's Most Popular API Framework | Swagger https://swagger.io/ Swagger is the world’s largest fram ...

  7. docker entrypoint入口文件详解

    docker entrypoint入口文件详解 pasting Dockerfile创建自定义Docker镜像以及CMD与ENTRYPOINT指令的比较 [k8s]args指令案例-彻底理解docke ...

  8. php的语法

    常量:不变的量: php 设置常量的方法:define()方法: define("常量名","常量的值",true) 参数三:大小写是否敏感: php中的常量, ...

  9. PHP7.1扩展开发入门

    第1步: 首先从官网下载了PHP源码http://am1.php.net/distributions/php-7.1.3.tar.bz2 第2步: 解压后可以看到根目录下面的ext文件夹里有ext_s ...

  10. 计划任务at、crontab

    at一次性计划任务 格式: at + 时间 命令 安装at # yum install at -y 如果执行at命令时,出现一下情况 Can't open /var/run/atd.pid to si ...