datagrid - 复杂对象的 Blazorise Datagrid 内联编辑

Question

Blazorise Datagrid支持内联编辑。在我的代码中，基本编辑工作正常，但是当一个对象用作我的父对象中的属性时，编辑无法按预期工作。

下面，city该值未按预期更新。缺少什么来进行适当的编辑？

代码

<DataGrid Data="forecasts" TItem="WeatherForecast" EditMode="Blazorise.DataGrid.DataGridEditMode.Inline">
     <DataGridCommandColumn TItem="WeatherForecast" CellsEditableOnEditCommand="true"></DataGridCommandColumn>
     <DataGridDateColumn TItem="WeatherForecast" Field="@nameof(WeatherForecast.Date)" Caption="Date" Editable="true"></DataGridDateColumn>
     <DataGridDateColumn TItem="WeatherForecast" Field="@nameof(WeatherForecast.Temperature)" Caption="Temperature" Editable="true"></DataGridDateColumn>
     <DataGridSelectColumn TItem="WeatherForecast" Field="@nameof(WeatherForecast.City)" Caption="City" Editable="true">
         <DisplayTemplate>
             @{
                var name = (context as WeatherForecast).City?.Name;
                @name
              }
         </DisplayTemplate>
         <EditTemplate>
             @{
                 <Select TValue="City"
                         SelectedValue=
                            "@((City)(((CellEditContext)context).CellValue))" 
                         SelectedValueChanged=
                             "@( v => ((CellEditContext)context).CellValue = v)">
                     @foreach (var item in Cities)
                     {
                         <SelectItem TValue="City" Value="@(item)">
                              @item.Name
                         </SelectItem>
                     }
                 </Select>
             }
         </EditTemplate>
     </DataGridSelectColumn>
 </DataGrid>

代码部分

@code {
private List<WeatherForecast> forecasts;
private List<City> Cities;

protected override async Task OnInitializedAsync()
{
    forecasts = await ForecastService.GetForecastAsync(DateTime.Now); // get list of forecast
    Cities = await ForecastService.GetCityListAsync(); // get list of cities
}}
            

模型类

public class WeatherForecast
{
    public int Id { get; set; }
    public DateTime Date { get; set; }
    public int Temperature { get; set; }
    public City City { get; set; }
}

public class City
{
    public int Id { get; set; }
    public string Name { get; set; }
}

Answer 1

尝试此解决方法，因为 Select 组件不支持复杂对象绑定：

<EditTemplate>
    <Select 
        TValue="int"
        SelectedValue="@((int)((City)(((CellEditContext)context).CellValue)).Id)" 
        SelectedValueChanged=
     "@( v => ((CellEditContext)context).CellValue = Cities.First(x=> x.Id == v))">
        @foreach (var item in Cities)
        {
            <SelectItem TValue="int" Value="@(item.Id)">@item.Name</SelectItem>
        }
    </Select>
</EditTemplate>