How to cancel grid edit mode programmatically

[Robert]

Hi,

how can I cancel the edit mode programmatically in Inline edit mode?

[Apostolos]

Hi Robert,

It is possible to exit edit mode programmatically, without using the default Cancel button.

To achieve this, you can use the Grid State. We have a section that shows how to initiate editing. In your case, you will do the opposite - set the following Grid state properties to null:

• InsertedItem
• EditItem
• OriginalEditItem

 The code snippet bellow uses an OnClick event handler as an example. Note that the edited item will not be saved.

<TelerikButton OnClick="@CancelEdit">Exit Edit Mode</TelerikButton>

<TelerikGrid @ref="@GridRef" />

@code {
    TelerikGrid<GridModel> GridRef { get; set; }

    async Task CancelEdit()
    {
        var state = GridRef.GetState();
        state.EditItem = null;
        state.InsertedItem = null;
        state.OriginalEditItem = null;
        await GridRef.SetState(state);
    }
}

I hope you find the above information useful.

Regards,
Apostolos
Progress Telerik

[Robert]

Hi Apostolos!

Thanks for the answer.

A suggestion: why not to provide a simple public method on the Grid?

[Apostolos]

Hello Robert,

Normally, the Grid Cancel command allows users to cancel changes in inline edit mode. It appears that it is not suitable for your case.

I would like to get more details about your scenario and what brings the need to exit edit mode programmatically. This will allow us to understand your needs better.

Thank you in advance!

Regards,

Apostolos
Progress Telerik