kendo ui - tabstrip - Cómo establecer la agrupación inicial para una grilla de Kendo

kendo tabstrip

Question

Así que tengo la siguiente pieza de código trabajando en el lado del servidor usando Kendo Grid. Sin embargo, estoy confundido en el siguiente paso.

¿Cómo configuro la grilla para agrupar inicialmente por Income_Party? ¿También es posible agregar un monto total por agrupamiento?

@(Html.Kendo().Grid(Model.IncomeView)
  .Name("grid")
  .Columns(columns =>
  {
      columns.Bound(model => model.INC_INCOME_DESCRIPTION);
      columns.Bound(item => item.INC_INCOME_AMOUNT);
      columns.Bound(item => item.INC_INCOME_PARTY);
      columns.Template(@<text>
                   @Html.ActionLink("Edit", "Edit", "MyLink" + item.VIEW_TYPE, new { id = item.GID, ReturnAction = "IncomeAndExpenses" }, null)  
                 </text>)
                  .ClientTemplate("<a href=''/brunch/statistics/brunchid=#= BrunchCode#''>#=BrunchCode#</a>")
                  .Title("");
  })

)

Answer 1

Puede establecer los grupos y agregados iniciales de esta manera:

@(Html.Kendo().Grid(Model.IncomeView)
  .Name("grid")
  .Columns(columns =>
  {
      columns.Bound(model => model.INC_INCOME_DESCRIPTION);
      columns.Bound(item => item.INC_INCOME_AMOUNT).GroupFooterTemplate(@<text>
            Total: @item.Sum
        </text>);
      columns.Bound(item => item.INC_INCOME_PARTY);
      columns.Template(@<text>
                   @Html.ActionLink("Edit", "Edit", "MyLink" + item.VIEW_TYPE, new { id = item.GID, ReturnAction = "IncomeAndExpenses" }, null)  
                 </text>)
                  .ClientTemplate("<a href=''/brunch/statistics/brunchid=#= BrunchCode#''>#=BrunchCode#</a>")
                  .Title("");
  })
  .DataSource(dataSource => dataSource
        .Server()
        .Aggregates(aggregates =>
        {
            aggregates.Add(p => p.INC_INCOME_AMOUNT).Sum();
        })
        .Group(groups => groups.Add(p => p.INC_INCOME_PARTY))
  )