Kendo UI MVC 网格根据列值在页脚中显示聚合数据

Question

我有一个包含两列感兴趣的网格：美元金额和状态。该行的美元金额的状态可以是已接受、待定或已拒绝

我想实现聚合功能以显示待处理的总金额和已接受的总金额。

这是我的网格

 @(Html.Kendo().Grid(Model)
          .Name("Grid")
          .DataSource(dataSource => dataSource
              .Ajax()
              .Aggregates(aggregates =>
              {
                  aggregates.Add(p => p.AmountRequested).Sum();
              })
              .Read(read => read.Action("Applications_Read", "MyGrid"))
          )
          .Columns(columns =>
          {
              columns.Bound(c => c.RequestingOrg).Width(150);
              columns.Bound(c => c.Telephone).Width(150);
              columns.Bound(c => c.Email).Width(150);
              columns.Bound(c => c.ContactName).Width(150);
              columns.Bound(c => c.ContactTel).Width(150);
              columns.Bound(c => c.AmountRequested).Width(150)
                  .Format("{0:C}")
                  .ClientFooterTemplate("<div> Pending: #= sum#</div><div>Approved: #= sum#</div>");
              columns.Bound(c => c.TotalGoal).Width(150)
                  .Format("{0:C}");
              columns.Bound(c => c.Sponsor).Width(150);
              columns.Bound(c => c.Status)
                  .Filterable((filterable => filterable.UI("statusFilter")))
                  .Width(150);
          })
          //.Scrollable(s => s.Enabled(true).Height("auto"))
          .Pageable()
          .Sortable()              
          .Resizable(resize => resize.Columns(true))
          .Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
          .HtmlAttributes(new {style = "height: 100%;"})
          .Events(events => events.Change("GetSelectedRow"))
          .Filterable(filterable => filterable
            .Extra(false)
            .Operators(operators => operators
                .ForString(str => str.Clear()
                    .IsEqualTo("Is equal to")
                ))
          )
    )

如何在我的 ClientFooterTemplate 中指定根据另一列的值计算总和？

Answer 1

您可以在模板中调用 JS 函数并在其中进行处理。

.ClientFooterTemplate("<div> Pending: #= computeSumPending() #</div><div>Approved: #= computeSumApproved()#</div>");

在此处参考 SO 中类似问题的解决方案 - Kendo - Grid - Custom Aggregate in FooterTemplate

Kendo UI MVC 网格根据列值在页脚中显示聚合数据

Kendo UI MVC Grid show aggregate data in footer based on column values

kendo-ui

kendo-grid

kendo-asp.net-mvc