在单独的页面/组件上编辑 DataGrid答案

【问题标题】：DataGrid editing on separate page/component在单独的页面/组件上编辑 DataGrid
【发布时间】：2021-06-21 08:41:59
【问题描述】：

我有一个 Blazorise DataGrid 工作，现在我想添加一个按钮来编辑不同页面/组件（不是内联或弹出）上的记录。

我的原始起始网格标记：

<DataGrid TItem="Year" Data="@years" Sortable="true" PageSize="30" UseInternalEditing="false">
    <DataGridCommandColumn TItem="Year">
        <EditCommandTemplate>
            <Button Color="Color.Primary" Clicked="@((e) => OnYearEdit(e))">Edit</Button>
        </EditCommandTemplate>
    </DataGridCommandColumn>
    <DataGridColumn TItem="Year" Field="@nameof(Year.IsActive)" Caption="Active?"></DataGridColumn>
    <DataGridColumn TItem="Year" Field="@nameof(Year.YearId)" Caption="ID"></DataGridColumn>
</DataGrid>

然后我希望在单击按钮时调用事件，传入 id 或 year 对象：

void OnYearEdit(int yearId)
{
    NavigationManager.NavigateTo("/yearedit/1");
}

我怎样才能做到这一点？

【问题讨论】：

标签： blazor blazorise

【解决方案1】：

Mladen 非常友好地提供了快速响应。基本上，我只需要使用一个 DisplayTemplate：

<DataGridColumn TItem="Year" Field="@nameof(Year.YearId)" Caption="YearId" Editable="true">
    <DisplayTemplate>
        <Button class="btn btn-sm btn-info" Clicked="@(()=>NavigationManager.NavigateTo($"yearedit/{context.YearId}"))">Edit</Button>
    </DisplayTemplate>
</DataGridColumn>

【讨论】：