Показать DetailRow на RowDoubleClicked Blazorise DataGrid

Question

Недавно я начал использовать Blazorise как отличную библиотеку в Blazor. Я использую компонент Blazorise DataGrid , чтобы показать мои основные / подробные данные, в которых вы щелкаете главную строку, а DataGrid показывает подробные строки / строки. В последней версии они добавили новое событие «RowDoubleClicked» в DataGrid. Как я могу использовать эту новую функцию, изменить естественное поведение DataGrid и показать подробные строки / строки, когда пользователь дважды щелкнул строку?

Answer 1

Видимость строки детали обрабатывается DetailRowTrigger. В демонстрационной версии Blazorise для простоты он запускается только при выбранном изменении строки, например,

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

Чтобы изменить его для работы с двойным щелчком, вам нужно использовать DetailRowTrigger и сохранить выбранный идентификатор или элемент в поле, чтобы вы могли проверить его в обработчике DetailRowTrigger.

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