在 RowDoubleClicked Blazorise DataGrid 上显示 DetailRow

Question

我使用 Blazorise DataGrid 组件显示我的 master/detail 数据，您在其中单击主行，DataGrid 显示详细信息 row/rows。

如何使用 RowDoubleClicked 的功能并更改 DataGrid 的自然行为，以便在事件触发时显示详细信息 row/rows？

Answer 1

详细信息行的可见性由 DetailRowTrigger 处理。在 Blazorise 演示中，为简单起见，它仅在选定的行更改时触发，例如

<DataGrid TItem="Employee"
    @bind-SelectedRow="@selectedEmployee"
    DetailRowTrigger="@((item)=>item.Id == selectedEmployee?.Id)">

要将其修改为与双击一起使用，您需要使用 DetailRowTrigger 并将选定的 ID 或项目保存到一个字段中，以便您可以在 DetailRowTrigger 处理程序中检查它。

<DataGrid TItem="Employee"
    RowDoubleClicked="@(e=>selectedIdOnDoubleClick = e.Item.Id)"
    DetailRowTrigger="@((item)=>item.Id == selectedEmployee?.Id)">
@code{
    private int selectedIdOnDoubleClick ;
}

在 RowDoubleClicked Blazorise DataGrid 上显示 DetailRow

Show DetailRow on RowDoubleClicked Blazorise DataGrid

c#

datagrid

blazor-server-side

blazorise