New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Show a User Confirmation Dialog and Initiate an AJAX Request

Environment

ProductProgress® Telerik® UI for ASP.NET AJAX AjaxManagerProgress® Telerik® UI for ASP.NET AJAX AjaxPanel

Description

How can I show a confirmation dialog for the user and initiate an Ajax request if accepted with the Telerik UI for ASP.NET AjaxManager or AjaxPanel?

Solution

The following snippet shows the application of standard postbacks.

ASP.NET
<asp:ImageButton ID="ImageButton1" runat="server" OnClientClick="return confirm('Are you sure?');" />

To achieve the desired behavior, you need to change the OnClientClick event settings. The purpose is to make it work with AJAX when the button is AJAX-enabled by adding AJAX setting to the AjaxManager or when the button is placed within a AjaxPanel.

ASP.NET
<asp:ImageButton ID="ImageButton2" runat="server" OnClientClick="if (!confirm('Are you sure?')) return false;" />

Alternatively, use the OnRequestStart client-side event to implement more complex logic. The following example demonstrates how to display a confirmation message by setting OnRequestStart.

JavaScript
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
	        function OnRequestStart(ajaxControl, eventArgs) {
	            var eventTarget = eventArgs.get_eventTarget(); 
	            if (eventTarget == "<%= ImageButton1.UniqueID %>") {
	                return confirm('Are you sure?');
	            }
	            else {
	                return false;
	            }
	        }
</script>
</telerik:RadCodeBlock>

See Also