RadAjax for ASP.NET AJAX

RadControls for ASP.NET AJAX
  • EnableAJAX: When the EnableAJAX property is True (the default), all requests (controls either within the RadAjaxPanel Template or managed by the RadAjaxManager) are handled via AJAX. If not checked, requests are handled in the legacy postback manner.

  • EnableHistory: When EnableHistory property is True (the default is False), browser history is enabled even when using AJAX. The forward and back buttons of the browser work as expected (IE browser only). For more information, see this article: Back and Forward Browser Buttons (Browser History)

  • EnablePageHeadUpdate: When the EnablePageHeadUpdate is True (the default), the Page <Head> element can be modified during AJAX updates. This is especially useful, when you have initially invisible control or you are loading the control dynamically on ajax request.

  • IsAjaxRequest: This property is true when the current request is through AJAX and false when the request is a standard postback. In the example below "Button1" has been configured to be AJAX-enabled and the alert will display "True". Clicking "Button2" will display "False".

  • ResponseScripts: This collection of strings contain JavaScript that you want to execute when the response returns to the browser. In the example below an "alert()" JavaScript function is added to the collection. Also see below for the rendered HTML results showing the call to alert() near the end of the HTML.

CopyJavaScript
<script type="text/javascript">
    setTimeout(function () { alert('this fires after the response'); }, 0); Sys.Application.initialize();
    Sys.Application.add_init(function () {
        $create(Telerik.Web.UI.RadAjaxManager, { "ajaxSettings": [{ InitControlID: "Button1", UpdatedControls: [{ ControlID: "Label1", PanelID: ""}]}], "clientEvents": { OnRequestStart: "", OnResponseEnd: "" }, "defaultLoadingPanelID": "", "enableAJAX": true, "enableHistory": false, "links": [], "styles": [], "uniqueID": "RadAjaxManager1" }, null, null, $get("RadAjaxManager1"));
    });
</script>