在行双击Blazorise数据网格上显示DetailRow

Question

我使用Blazorise DataGrid组件来显示我的主/详细数据，在其中单击主行，DataGrid显示详细行。

如何使用RowDoubleClicked的功能并改变DataGrid的自然行为，以在事件触发时显示详细的行？

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 ;
}