2016-02-09 40 views
0

在以下的demo中,我需要关于每个分组数据的meta-info在顶部。因此,让我们说如果我想要sum,那么单个列的每行的总和(只有可加数量)必须出现在顶部的分组列。 grouped sum for tax of one columnjqgrid分组中的其他信息

以下是完整的代码。

$(function() { 
    "use strict"; 
    $("#grid1").jqGrid({ 
     colModel: [ 
      { name: "name", label: "Client", width: 53 }, 
      { name: "invdate", label: "Date", width: 75, align: "center", sorttype: "date", 
      formatter: "date", formatoptions: { newformat: "d-M-Y" } }, 
      { name: "tax", label: "Tax", width: 41, template: "number" }, 
      { name: "closed", label: "Closed", width: 59, template: "booleanCheckboxFa", firstsortorder: "desc" }, 
      { name: "ship_via", label: "Shipped via", width: 87, align: "center", formatter: "select", 
      formatoptions: { value: "FE:FedEx;TN:TNT;DH:DHL", defaultValue: "DH" } } 
     ], 
     data: [ 
      { id: "10", invdate: "2015-10-01", name: "test", amount: "" }, 
      { id: "20", invdate: "2015-09-01", name: "test1", tax: "29.00", closed: false, ship_via: "FE" }, 
      { id: "30", invdate: "2015-09-01", name: "test1", tax: "32.00", closed: false, ship_via: "FE" }, 
      { id: "40", invdate: "2015-10-04", name: "test4", tax: "10.00", closed: true, ship_via: "TN" }, 
      { id: "50", invdate: "2015-10-31", name: "test1", tax: "20.00", closed: false, ship_via: "FE" }, 
      { id: "60", invdate: "2015-09-06", name: "test4", tax: "30.00", closed: false, ship_via: "FE" }, 
      { id: "70", invdate: "2015-10-04", name: "test4", tax: "10.00", closed: true, ship_via: "TN" }, 
      { id: "80", invdate: "2015-10-03", name: "test8", tax: "20.00", closed: false, ship_via: "FE" }, 
      { id: "90", invdate: "2015-09-01", name: "test3", tax: "30.00", closed: false, ship_via: "TN" }, 
      { id: "100", invdate: "2015-09-08", name: "test1", tax: "30.00", closed: true, ship_via: "TN" }, 
      { id: "110", invdate: "2015-09-08", name: "test11", tax: "30.00", closed: false, ship_via: "FE" }, 
      { id: "120", invdate: "2015-09-10", name: "test12", tax: "30.00", closed: false, ship_via: "FE" } 
     ], 
     iconSet: "fontAwesome", 
     rownumbers: true, 
     pager: true, 
     rowNum: 10, 
     sortname: "invdate", 
     sortorder: "desc", 
     caption: "The grid, which uses predefined formatters and templates" 
    }); 
    $("#grid1").jqGrid('groupingGroupBy','name'); 
}); 
+0

你笑结果如果你想获得有关你的新问题的答案,uld开始[[接受]](http://meta.stackexchange.com/a/5235/147495)回答你以前的问题。由于搜索引擎使用接受状态和投票计数,所以其他用户几乎不会找到不被接受的投票答案。 – Oleg

+0

@奥列格我已经upvoted的答案,但他们只会反映当我有至少15的声誉。 –

+0

有**两种不同的事情**:接受和投票。你留意有15个声望点进行投票,但是每个用户都有权*并且他应该*接受他的问题的答案。我在之前的评论中发布了链接http://meta.stackexchange.com/a/5235/147495,其中显示了您应该点击的内容。因此,你可以考虑你的旧问题的答案,并接受答案。顺便也会增加你的声望。 – Oleg

回答

1

实现这个需求,最简单的方法是groupingViewgroupSummaryPos: ["header"]财产的使用情况,以确定summaryType: "sum"和可选summaryTpl在列,其中要显示摘要信息(在你的案件列amount

看到修改后的演示https://jsfiddle.net/OlegKi/stn2yfxn/9/它显示象下面

enter image description here

+0

即使数据按金额分组,如何显示税额和总额的总和? –

+0

@johndoe:您只需在要查看组中总数的列(您的案例中为“tax”和“total”)中定义'summaryType:'sum''。 – Oleg