81jqGrid - 多个汇总值

简介: 81jqGrid - 多个汇总值

JSON(格式化后的JSON)

HTML代码举例

<html>
  <head>
    <title>jqGrid 实例</title>
  </head>
  <body>
    ···代码省略···
    <table id="pgrid4"></table> 
    <div id="ppager4"></div>
    <a href="data.json">JSON FILE</a>
    ···代码省略···
  </body>
</html>

javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#pgrid4").jqGrid('jqPivot', 
      "data.json",
      // pivot options
      {
        xDimension : [
          {
            dataName: 'CategoryName', 
            width:90
          },{
            dataName: 'ProductName'
          }
        ],
        yDimension : [
          {
            dataName: 'Country'
          }
        ],
        aggregates : [
          { 
            member : 'Price', 
            aggregator : 'sum', 
            width:80,
            formatter:'number',
            align:'right',
            summaryType: 'sum'
          }
        ],
        rowTotals: true,
        colTotals: true
      }, 
      // grid options
      {
        width: 700,
        rowNum : 10,
        pager: "#ppager4",
        caption: "Totals by columns and rows"
      });
}
目录
相关文章
03jqGrid - colModel 参数
03jqGrid - colModel 参数
34 0
|
JavaScript API
06jqGrid - 方法
06jqGrid - 方法
52 0
|
JavaScript
js: 获取标签元素data-*属性值的方法
js: 获取标签元素data-*属性值的方法
300 0
|
JavaScript
jquery 获取单选框值的方法
jquery 获取单选框值的方法
870 0
|
JavaScript
jquery设置或者获取固定元素值prop_
jquery设置或者获取固定元素值prop_
99 0
jquery设置或者获取固定元素值prop_
|
JavaScript 前端开发 数据格式
jqgrid addJSONData方法使用
对jqgrid的addJSONData的使用实践及总结。
3433 0
|
前端开发 JavaScript
【CSS】获取元素的z-index值以及各种值的意义
js可以获取其元素的z-index值: $("document").ready(function(){ var a = $('.row').css('z-index'); alert(a); }); 对于值的解读: 值 描述 auto 默认。
1925 0
|
前端开发 JavaScript
jQuery设置或返回元素样式属性。
jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。 如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 设置 CSS 属性 语法 css("propertyname",...
896 0