[Solved] How to force user to click insert/edit button or cancel button ?

[Anna Gao]

I use EditMode="EditForms" for user to insert/edit item of the RedGrid. Once in the Edit/Insert form, how to force the user to either click  edit/insert button or Cancel button before leaving the Edit/Insert form ? Or at least providing a warning of losing data ?

Thanks a lot in advance !

[Shinu]

Hi,

Please take a look into the following code snippet I tried to make sure that either edit or insert form is open at a time. If edit button is clicked while the grid in insert mode, it will show an  alert to insert/cancel the insert operation first and then proceed.

C#:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
    if (e.CommandName == RadGrid.EditCommandName)
    {
        if (edit == true)
        {
            e.Canceled = true;
                Response.Write("<script>alert('Please update or cancel the edit operation');</script>");
        }
        if (RadGrid1.MasterTableView.IsItemInserted == true)
        {
            e.Canceled = true;
            Response.Write("<script>alert('Please insert or cancel the insert operation first');</script>");
        }
    }
    else if (e.CommandName == RadGrid.InitInsertCommandName)
    {
        if (RadGrid1.EditItems.Count > 0)
        {
            e.Canceled = true;
            Response.Write("<script>alert('Please update or cancel the edit operation');</script>");
        }
    }
}

Please elaborate your scenario if it doesn't help.

Thanks,
Shinu.

[Anna Gao]

Thanks so much for your reply. It works great for Insert and Edit commend on the grid. Is there a way for the delete command on the grid  or when user tries to navigate away from the grid page such as clicking another tab of the RadTabStrip,  a button on the page or a link on the master page ?

Thanks !!!

[Shinu]

Hi,

Please take a look into the following code snippet I tried.

C#:

public string proceed = String.Empty;
protected void Page_Load(object sender, EventArgs e)
{
        if (RadGrid1.MasterTableView.IsItemInserted == true)
        {
            proceed = "NotInsert";
        }
        else if (RadGrid1.EditItems.Count > 0)
        {
            proceed = "NotEdit";
        }
}
protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
    if (e.CommandName == RadGrid.EditCommandName)
    {
        if (proceed == "NotInsert")
        {
            e.Canceled = true;
            Response.Write("<script>alert('Please insert or cancel the insert operation first');</script>");
        }
    }
    else if (e.CommandName == RadGrid.InitInsertCommandName)
    {
        if (proceed == "NotEdit")
        {
            e.Canceled = true;
            Response.Write("<script>alert('Please update or cancel the edit operation');</script>");
        }
    }
}
protected void Radtab1_TabClick(object sender, RadTabStripEventArgs e)
{
    if (proceed == "NotEdit")
    {
        Response.Write("<script>alert('Please update or cancel the edit operation');</script>");
        // to cancel the navigation to another pageview.
        Radtab1.Tabs[0].Selected = true;  //select the RadTab in which the Radgrid edit/insert operation is going on..
        PageViewID1.Selected = true;  //select the PageViewID in which the Radgrid edit/insert operation is going on..
    }
    if (proceed == "NotInsert")
    {
        Response.Write("<script>alert('Please insert or cancel the insert operation first');</script>");
        Radtab1.Tabs[0].Selected = true;
        PageViewID1.Selected = true;
    }

}
protected void Button1_Click(object sender, EventArgs e)
{
    if (proceed == "NotEdit")
    {
        Response.Write("<script>alert('Please update or cancel the edit operation');</script>");
        Radtab1.Tabs[0].Selected = true;
        PageViewID1.Selected = true;
    }
    if (proceed == "NotInsert")
    {
        Response.Write("<script>alert('Please insert or cancel the insert operation first');</script>");
        Radtab1.Tabs[0].Selected = true;
        PageViewID1.Selected = true;
    }
}

Thanks,
Shinu.

[Anna Gao]

It works well. Thank you so much !!!
I wish there was a similar function like we handle the windows unload message, but apparently there is not such thing :)

 window.onbeforeunload = unloadMessage;
        function unloadMessage() {
            message = "You have attempted to leave this accident insert/update page. Any unsaved data will be lost."
            if (needToConfirm)
                return message;
        }