Blazor组件动态类型参数：多数据类型通用RadzenDataGrid实现问题

核心问题原因 #

Blazor 泛型组件的TItem是编译期需要确定的类型参数，你写的typeof(data.records[0])返回的是运行时的Type类型实例，不能直接赋值给编译期的泛型参数，所以这种写法本身不被支持。

方案1：将通用表格组件封装为泛型组件（推荐，类型安全） #

如果你的业务场景中，同一表格实例绑定的所有数据都是同类型实体，优先用这种类型安全的方案。

1. 新建通用表格组件GenericDataGrid.razor，顶部声明泛型参数：

@typeparam TItem

<RadzenDataGrid 
    FilterMode="FilterMode.Simple" 
    Data="@Data" 
    TItem="TItem" 
    AllowFiltering="@AllowFiltering" 
    AllowPaging="@AllowPaging" 
    AllowSorting="@AllowSorting">       
    <Columns>
        @foreach (var colDef in ColumnDefinitions)
        {
            <RadzenDataGridColumn TItem="TItem" Property="@colDef.columnProperty" Title="@colDef.columnTitle"  />
        }            
    </Columns>           
</RadzenDataGrid>

@code {
    [Parameter] public IEnumerable<TItem> Data { get; set; }
    [Parameter] public List<ColumnDefinition> ColumnDefinitions { get; set; }
    [Parameter] public bool AllowFiltering { get; set; }
    [Parameter] public bool AllowPaging { get; set; }
    [Parameter] public bool AllowSorting { get; set; }
}

2. 调用时直接指定实际的实体类型即可：

<!-- 比如绑定Person类型的集合 -->
<GenericDataGrid 
    TItem="Person" 
    Data="@personRecords" 
    ColumnDefinitions="@personColumns"
    AllowPaging="true"
/>

方案2：用dynamic类型适配完全动态的场景 #

如果你的数据类型完全是运行时动态生成、编译期无法提前确定，可以用dynamic跳过编译期类型检查：

<RadzenDataGrid 
    FilterMode="FilterMode.Simple" 
    Data="@data.records.Cast<dynamic>()" 
    TItem="dynamic" 
    AllowFiltering="@data.allowFiltering" 
    AllowPaging="@data.allowPaging" 
    AllowSorting="@data.allowSorting">       
    <Columns>
        @foreach (var colDef in data.columnDefinitions)
        {
            <RadzenDataGridColumn TItem="dynamic" Property="@colDef.columnProperty" Title="@colDef.columnTitle"  />
        }            
    </Columns>           
</RadzenDataGrid>

注意事项：

• 需保证columnProperty的值和数据对象的属性名完全匹配，大小写敏感
• 这种方式丢失了编译期类型校验，属性名写错只会在运行时报错

内容的提问来源于stack exchange，提问作者AnC Dev