DataGrid InLine Editing not closing

Radzen.Blazor Components
1 
            <RadzenDataGridColumn TItem="BRANCH_GOALS_TEST" Context="branchGoal" Filterable="false" Sortable="false" TextAlign="TextAlign.Left" Frozen="true" FrozenPosition="FrozenColumnPosition.Right" Width="90px">
                <Template Context="branchGoal">
                    <RadzenButton Icon="edit" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@(args => EditRow(branchGoal))" @onclick:stopPropagation="true">
                    </RadzenButton>
                </Template>
                <EditTemplate Context="branchGoal">
                    <RadzenButton Icon="check" ButtonStyle="ButtonStyle.Success" Variant="Variant.Flat" Size="ButtonSize.Medium" Click="@((args) => SaveRow(branchGoal))">
                    </RadzenButton>
                    <RadzenButton Icon="close" ButtonStyle="ButtonStyle.Light" Variant="Variant.Flat" Size="ButtonSize.Medium" class="my-1 ms-1" Click="@((args) => CancelEdit(branchGoal))">
                    </RadzenButton>
                </EditTemplate>
            </RadzenDataGridColumn>
    async Task EditRow(BRANCH_GOALS_TEST branchGoal)
    {
        OrderToUpdate = branchGoal;
        grid.EditRow(branchGoal);

        Console.WriteLine("EditRow triggered");
    }

    // Save button click handler
    // Save button click handler
    async Task SaveRow(BRANCH_GOALS_TEST branchGoal)
    {
        ApiService.UpdateBranch_Goals_Tests(new List<BRANCH_GOALS_TEST> { branchGoal });

        Console.WriteLine("Save Row triggered");
        // Optionally, you can handle the response or any other logic after the update
    }

image
image1537×212 10.8 KB

When attempting to submit or click the close edit button, the edit doesn't close as expected. The data gets updated, but the table fails to reflect the changes. I'm using an API with Dapper, not Entity Framework, and I'm unsure how to resolve this issue. Any insights or suggestions would be greatly appreciated!

2

Hi @CFCUEthan,

I recommend checking our inline editing demo which shows how to implement that:

  1. You should handle the RowUpdate event of RadzenDataGrid instead of directly updating the database from the Click event of your save button (this will bypass validation).
  2. You should call the UpdateRow method of RadzenDataGrid in the Click event of the save button. This will trigger RowUpdate if validation passes and correctly leave edit mode.
    async Task SaveRow(Order order)
    {
        await ordersGrid.UpdateRow(order);
    }
3

Okay that worked. Thank you very much.