RadAjax for ASP.NET
Contents
Getting started Send comments on this topic.

Glossary Item Box

The following introductory topic shows the basic steps to set up and configure RadAjaxManager and AjaxLoadingPanel, to Ajax-enable your implementation.

 

  1. The RadAjaxManager can be added easily to any implementation, requiring the replacement of ordinary post backs with ajax request.
  2. To use the RadAjaxManager you simply need to drag it from the toolbox, onto the design surface, along any other present controls. This step, as well as all consequent steps presented here are completely codeless:

  3. To further enhance the user experience, you can take advantage of AjaxLoadingPanel. This control supports image templates, which can be shown as a progress indication, whenever a callback request is performed, i.e. when the page is loading silently. To include it, simply drag and drop the AjaxLoadingPanel on the design surface.



  4. Next, in order to Ajax-enable the individual controls on the page, you can configure RadAjaxManager through the “Configure Ajax Manager” link of the Smart Tag. Again, this step is completely codeless, requiring only design-time configuration of the necessary relations among the AJAX Manager and the other controls :


  5. On the left-hand side are included the control(s) which will initiate the Ajax requests. On the right-hand side is the list of controls which will be updated via Ajax, instead of ordinary post back. You can easily include/exclude items from these list via the checkboxes to the left :


  6. Further, you can easily specify a Loading Panel, which will be displayed during the ajax request. The loading panel can be displayed for each control that will be updated via the Ajax Manager. The only setting which needs to be included is the ID of an existing Loading Panel:


  7. The screenshot below demonstrates the previous steps in execution. The upper button, located between the two List Boxes, adds an artist’s name to the right-hand side List Box control. With the help of the AJAX Manager, the normal post back is replaced by a callback. Additionally, the loading panel is displayed over the currently updated control: