zoukankan html css js c++ java

jgGrid pivot reload重新加载及刷新数据

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', 
            90
          },
          {
            dataName: 'name'
          }
        ],
        yDimension : [
          {
            dataName: 'country',
            130
          }
        ],
        aggregates : [
          { 
            member : 'amount', 
            aggregator : 'sum', 
            130,
            label:'合计汇总',
            formatter:'integer',
            align:'right',
            summaryType: 'sum'
          }
          ,{ 
            member : 'amount', 
            aggregator : 'count', 
            100,
            label:'Count',
            formatter:'integer',
            align:'right',
            summaryType: 'sum'
          }
          
        ],
        colTotals: true,
        rowTotals: true
      }, 
      // grid options
      {
         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" : "Lakkaliku00f6u00f6ri",
        "Country" : "USA",
        "Price" : "2160.0000",
        "Quantity" : "120"
    }, {
        "CategoryName" : "Beverages",
        "ProductName" : "Guaranu00e1 Fantu00e1stica",
        "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.页面效果

查看全文

相关阅读:
拍拍帐号信息查询PHP
如何成为“一分钟经理人”？
性能计数器注册表配置单元一致性失败(Performance counter registry hive consistency check failed )解决方案
 换个心境搞IT在IT职场如何打拼？
变形金刚3 ——结尾擎天柱经典独白
 修改织梦（DEDE）的上一篇下一篇功能
 android 选择系统自带铃声和选择自定义铃声
 android开发常用方法
 输入特定年月返回该月的天数
 “心”字诀

原文地址：https://www.cnblogs.com/pu20065226/p/9808800.html