使用大型数据集示例在 Blazorise Datagrid 中聚合

Question

有没有人有使用大型数据集方法时使用 DataGridAggregates（对于列总数）的 Blazorise DataGrid 的示例？

我尝试时没有出现页脚：

<DataGrid TItem="CustomerOrderSummaryDto"
          Data="@PagedResults?.Results"
          ReadData="@OnReadDataAsync"
          TotalItems="@PagedResults?.TotalCount"
          AggregateData="@_counts"
>
    <ChildContent>

        <DataGridColumn TItem="CustomerOrderSummaryDto" Field="@nameof(CustomerOrderSummaryDto.Total)"
                        Caption="Total" />

        <DataGridColumn TItem="CustomerOrderSummaryDto" Field="@nameof(CustomerOrderSummaryDto.OrderRef)"
                        Caption="Order Ref" />

        <DataGridAggregates>
            <DataGridAggregate TItem="CustomerOrderSummaryDto"
                               Field="@nameof( CustomerOrderSummaryDto.Total)"
                               Aggregate="DataGridAggregateType.Sum" DisplayFormat="{0:C}" />

        </DataGridAggregates>

我将 _counts 设置为具有一个虚拟条目的虚拟 IList。示例文档对此交互不明确。

Answer 1

这是因为您将列和 DataGridAggregates 都放在了 ChildContent 中。使用聚合时，您必须将它们分成不同的渲染片段。

示例

<DataGrid TItem="Employee">
    <DataGridAggregates>
        // aggregates
    </DataGridAggregates>
    <DataGridColumns>
        // columns
    </DataGridColumns>
</DataGrid>

使用大型数据集示例在 Blazorise Datagrid 中聚合

Aggregates in Blazorise Datagrid with large dataset example

blazor

blazor-server-side

blazorise