如何在 kendo 网格 UI 中显示总和 groupFooterTemplate

Question

我有数据并显示在 kendo 网格中。每个组（发票编号 - VGBEL）都有一个 groupFooterTemplate 但数量 (LFIMG) 列始终为 0,00。我需要每个页脚的数量总和。我的错误在哪里？我在互联网上搜索但没有找到解决方案。我知道有一点点错误，但我没有发现。

这是我的 JS 代码。

var kendoResource = getKendoResourceOptions();

            options.columns[0].groupFooterTemplate = 'Sipariş Toplamı:'; 

            options.columns[8].groupFooterTemplate = '#: data.LFIMG ? kendo.format("{0:C2}",data.LFIMG.sum): 0,00 #';  


            $("#grid").kendoGrid({
                        toolbar: [{ name: "excel", text: kendoResource.toolbar.messages.excel }],
                        excel: {
                            fileName: "DeliveryList.xlsx",
                            allPages: true,
                            filterable: true
                        },

                        groupable: kendoResource.groupable,
                        scrollable: true,
                        sortable: true,
                        pageable: kendoResource.pageable,
                        columns: options.columns
                    });


        self.filterClick = function () {
            showLoading();
            mbisPost('Reports.Summary', "/api/TermoTeknikReportApi/DeliveryList", ko.toJS(self.filters), function (result) {
                if (result && result.length > 0) {                
                    self.showNoDataToDisplay(false);
                    
                var dataSource = new kendo.data.DataSource({
                                  data: result,                      
                                  pageSize: 100,
                                  group: {
                                        field: "VGBEL",
                                    },
                                  aggregate: [
                                      { field: "LFIMG", aggregate: "sum" }
                                    ]
                                });

                var grid = $("#grid").data("kendoGrid");
                grid.setDataSource(dataSource); 

                    // element for which the tooltip is shown
                    grid.thead.kendoTooltip({
                        filter: "th",
                        content: function (e) {
                            var target = e.target; 
                            return $(target).text();
                        }
                    });
        
                }
                else {
                    self.showNoDataToDisplay(true);
                }

            }).error(function () { hideLoading(); }).done(function () { hideLoading(); });
        }

网页截图

Answer 1

我更改了数据源代码。将 "aggregates" 属性放入组

var dataSource = new kendo.data.DataSource({
                                  data: result,                      
                                  pageSize: 100,
                                  group: {
                                        field: "VGBEL",
                                        aggregates: [ { field: "LFIMG", aggregate: "sum" },{ field: "LFIMG_M", aggregate: "sum" }]  // this line
                                    },
                                  aggregate: [
                                      { field: "LFIMG", aggregate: "sum" },{ field: "LFIMG_M", aggregate: "sum" } 
                                    ]
                                });