从服务器加载 Blazorise DataGrid DetailRow

Question

"Blazorise DataGrid extension" 支持 Master/Detail。当用户在 master table 中单击其父项时，如何从服务器加载详细数据？

在 DataGrid 扩展示例中，我可以使用“selectedEmployee”属性找出选择了哪个主行，但主要问题是“单击主行时如何从服务器重新加载子数据？”

<DataGrid TItem="Employee"
  Data="@dataModels"
  EditMode="@editMode"
  Editable="@editable"
  Sortable="@sortable"
  Filterable="@filterable"
  ShowPager="@showPager"
  RowInserted="@OnRowInserted"
  RowUpdated="@OnRowUpdated"
  RowRemoved="@OnRowRemoved"
  UseInternalEditing="true"
  @bind-SelectedRow="@selectedEmployee"
  DetailRowTrigger="@((item)=>item.Salaries?.Count > 0 && item.Id == selectedEmployee?.Id)"
  IsStriped="true"
  IsBordered="true"
  IsHoverable="true">

Answer 1

您需要在子数据网格上使用事件 ReadData 和 TotalItems 属性。可以在 Blazorise documentation.

上找到示例用法

<DataGrid TItem="YourSubModel"
    Data="@yourSubModelList"
    ReadData="@OnReadData"
    TotalItems="@totalSubModels">
</DataGrid>

从服务器加载 Blazorise DataGrid DetailRow

Load Blazorise DataGrid DetailRow from server

datagrid

blazor

blazorise

blazor-webassembly