Grid with modal Edit-Popup

[Jeroen Eikmans]

Hi,

I have radgrid setup with a popup modal editform.
The editform has two button Save and Cancel. These work with CommandNames "PerformInsert" and "Cancel"

In the InsertCommand event i process the actual insert into the database.
During this InsertCommand the Popup editform remains visible and the user can click on Save again, so the InsertCommand event is triggered again.

Is'n't it possible to have the LoadingPanel cover the popup-form? It does cover the grid during InsertCommand.
Or is there another way to prevent the user from clicking Save more than once?

Kind regards.

[Dimo]

Hi Roel,

You can use a RadAjaxLoadingPanel over the whole page like this:

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

Or you can hide the edit form when a button is pressed like this:

C#

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
    {
        LinkButton ub = e.Item.FindControl("UpdateButton") as LinkButton;
        if (ub != null)
            ub.OnClientClick = String.Format("hidePopup('{0}')", (sender as RadGrid).ClientID);
        LinkButton ib = e.Item.FindControl("InitInsertButton") as LinkButton;
        if (ib != null)
            ib.OnClientClick = String.Format("hidePopup('{0}')", (sender as RadGrid).ClientID);
    }
}

Javascript

function hidePopup(gridID)
{
    $telerik.$("#" + gridID + " .rgEditForm").css("display", "none");
}

Best wishes,
Dimo
the Telerik team