在RowDoubleClicked Blazorise DataGrid上显示DetailRow

Question

最近，我开始使用Blazorise作为Blazor中的一个很棒的库。我使用Blazorise DataGrid组件显示我的主/详细数据，您在其中单击主行，而DataGrid显示详细行/行。在last release中，他们给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 ;
}