Show a popup on cancel event of radgrid edit and insert mode

[Dorababu]

Hi all I would like to show a pop up on cancel event of both insert and edit of radgrid. Means when ever user clicks on cancel I would like to show a popup saying are you sure you want to cancel if yes means I would like to cancel the update or insert. If no I would like to make insert and edit as it is can some one help me

[Shinu]

Hi,

Try the following code to show a popup on clicking cancel button.
C#:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
 if (e.Item is GridEditableItem && e.Item.IsInEditMode)
 {
    GridEditableItem item = (GridEditableItem)e.Item;
    LinkButton link = (LinkButton)item.FindControl("CancelButton");
    link.Attributes.Add("onclick", "popup();return false;");
 }
}

JS:

<script type="text/javascript">
function popup()
{
 window.confirm("Do  you sure you want to cancel?");
}
</script>

Thanks,
Shinu.

[Dorababu]

Thanks shinu how can I set edit mode to false when I click on Ok and to true when clicking on false in javascript

[Dorababu]

Also is it possible to show Radwindowmanager instead of normal confirm

[Shinu]

Hi,

In order to show radconfirm, try the following javascript. Make sure that you have RadWindowManager on the page. You can pass the response from the RadConfirm using AjaxRequest.
JS:

<script type="text/javascript">

function popup()

{

 window.radconfirm("Do  you sure you want to cancel?");//for showing radconfirm


}

function confirmCallBackFn(arg) {

  var ajaxManager = $find("<%=RadAjaxManager1.ClientID%>");

  if (arg)

  {

      ajaxManager.ajaxRequest('true');

  }

  else

  {

     ajaxManager.ajaxRequest('false');

  }

}

</script>

aspx:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
  <AjaxSettings>
       <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
            <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

C#:

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
    if (e.Argument.ToString() == "true")
    {
        //your code
    }
    else
    {
       //your code
    }
}

Thanks,
Shinu.

[Dorababu]

Didn't worked can you attach a sample code if you have done this kind of requirement

[NETSI]

This does not work as intended. The window will show on pressing Insert or Edit as well, not just on Cancel. Isn't there a way to differentiate the three from each other inside the ItemCreated event?

[Eyup]

Hello,

 

You can achieve this requirement using the following approach:

            function pageLoad(app, args) {
                $telerik.$("div.RadGrid .rgEditForm .rgCancel").on("mousedown", function (e) {
                    if (confirm("Continue?")) {
                        this.click();
                    }
                });
            }

I hope this will prove helpful.

 

Regards,
Eyup
Progress Telerik