cancel grid edit/insert mode from a button outside the grid

[Vinhlan]

Hi,

I've got the requirement to cancel grid edit/insert mode from a button outside the grid.  Please, advise whether this can be done.

Thanks
Vinhlan

[Shinu]

Hi,

Try the following code snippet to achieve the desired scenario.

CS:

 protected void Button1_Click(object sender, EventArgs e)
    {
        foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
        {
            RadGrid1.MasterTableView.ClearEditItems();
            item.OwnerTableView.IsItemInserted = false;
        }
    }

Thanks
Shinu.

[Vinhlan]

Hi Shinu,

I tried the code snippet that you provided.  However, it did not work.

Thanks,
Vinhlan

[Kiara]

Add a Rebind() method call at the bottom of the provided code snippet:

 protected void Button1_Click(object sender, EventArgs e)
    {
        foreach (GridDataItem item in RadGrid1.MasterTableView.Items)
        {
            RadGrid1.MasterTableView.ClearEditItems();
            item.OwnerTableView.IsItemInserted = false;
            RadGrid1.MasterTableView.Rebind();
        }
    }

Kiara

[Vinhlan]

Hi Kiara,

I've tried that too.  However, it still did not work.

Thanks,
Vinhlan

[Yavor]

Hi Vinhlan,

Attached to this message, is a sample application, which handles the required functionality.
I hope it helps.

Kind regards,
Yavor
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Princy]

Hi Vinhlan,

You can also try the following line of code to clear the edit items on clicking the  button.

CS:

RadGrid1.EditIndexes.Clear();
        RadGrid1.Rebind();

Thanks
Princy.

[chris]

This is old but i was looking for the same thing and everybody here has server side examples. You can also do it from JavaScript
My button

<a id="A1" href="#" runat="server" onclick="SwitchGridInInsertMode();return false;" class="newButton">
            <span>Add</span></a>

The javascript

function SwitchGridInInsertMode()
{
  var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
  masterTable.showInsertItem();
}

[Princy]

Hi Chris,

You can call the  fireCommand mehod which triggers specific command for the grid when executed.

JavaScript:

<script type="text/javascript">
function addnew()
{
    var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
    masterTable.fireCommand("InitInsert","");
}
</script>

or also use the insertItem() method to purt the grid in insert mode.

function AddNewItem()
{
  var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
  masterTable.insertItem();
}

Thanks
Princy