Blazor - How to show total summaries in the grid control

Hi Spyros,

v20.2.6+

With v20.2.6, you can configure total summaries in the Model Editor (as in WinForms or WebForms). To display the footer, set the IModelListView.IsFooterVisible property to True in the Model Editor.

Older versions

Our Blazor DataGrid supported total summaries in v20.2. At the moment, we don't have built-in integration for total summaries in XAF Blazor. To show total summaries in XAF Blazor, create a controller that will set the TotalSummary property of the DataGrid Model:

BlazorFooterViewController.cs

C#
using DevExpress.ExpressApp;
using DevExpress.ExpressApp.Blazor.Editors.Grid;

namespace MySolution.Module.Blazor.Controllers {
    public class BlazorFooterViewController : ViewController<ListView> {
        protected override void OnViewControlsCreated() {
            base.OnViewControlsCreated();
            if (View.Model.IsFooterVisible && View.Editor is GridListEditor gridListEditor) {
                IDxDataGridAdapter dataGridAdapter = gridListEditor.GetDataGridAdapter();
                dataGridAdapter.DataGridModel.TotalSummary = DataGridFooterSummary.Create(View.Model.Columns);
            }
        }
    }
}

Then, create a Razor component that will render DxDataGridSummaryItems:

DataGridFooterSummary.razor

Razor
@using DevExpress.Blazor
@using DevExpress.ExpressApp.Model

@foreach (IModelColumn modelColumn in ModelColumns) {
    foreach (DevExpress.ExpressApp.Model.IModelColumnSummaryItem summary in modelColumn.Summary) {
        if (summary.SummaryType != SummaryType.None) {
            <DxDataGridSummaryItem DisplayFormat=@modelColumn.DisplayFormat Field=@modelColumn.ModelMember.MemberInfo.BindingName
                                   SummaryType=@ConvertSummaryItemType(summary.SummaryType) />
        }
    }
}

@code {
    [Parameter] public IModelColumns ModelColumns { get; set; }

    public static RenderFragment Create(IModelColumns modelColumns) =>
        @<DataGridFooterSummary ModelColumns=modelColumns />;

    private SummaryItemType ConvertSummaryItemType(DevExpress.ExpressApp.Model.SummaryType summaryItemType) {
        return summaryItemType switch {
            DevExpress.ExpressApp.Model.SummaryType.Sum => SummaryItemType.Sum,
            DevExpress.ExpressApp.Model.SummaryType.Average => SummaryItemType.Avg,
            DevExpress.ExpressApp.Model.SummaryType.Count => SummaryItemType.Count,
            DevExpress.ExpressApp.Model.SummaryType.Custom => throw new NotSupportedException(),
            DevExpress.ExpressApp.Model.SummaryType.Max => SummaryItemType.Max,
            DevExpress.ExpressApp.Model.SummaryType.Min => SummaryItemType.Min,
            DevExpress.ExpressApp.Model.SummaryType.None => SummaryItemType.None,
            _ => SummaryItemType.None
        };
    }
}

I attached a sample project to illustrate my idea.

P.S. Would you mind making this ticket public so that it is available to other customers?