RadPanelBar for ASP.NET

Interoperability of Telerik RadPanelBar with RadAjax Send comments on this topic.
AJAX support > Interoperability of Telerik RadPanelBar with RadAjax

Glossary Item Box

Remark:  The built-in AJAX functionality in telerik RadGrid, RadCombobox, RadTeeview has a higher priority than telerik RadAjax. You should turn it off in order to update outside controls and use AJAX Panel or AJAX Manager.  
Important note: telerik RadUpload is unable to upload files with an Ajax call. This is related to the inability of the XmlHttpRequest component to upload files. This component is the core of any Ajax framework, such as telerik RadAjax or Atlas (AJAX extensions for ASP.NET).

 

Telerik RadPanelBar is designed for seamless interoperability with the Telerik AJAX framework, the RadAjax suite enabling developers to implement the following functionality:

  • AJAXify (AJAX-enable) telerik RadPanelBar to work with AJAX instead of regular postbacks;
  • Update the telerik RadPanelBar control upon an AJAX request made by a control on the page via telerik RadAjax;
  • Make telerik RadPanelBar initiate an AJAX request in order to update other controls on the page.

Make telerik RadPanelBar work with AJAX requests (Ajax-enable Telerik RadPanelBar)

You can ajaxify any member of the telerik RadControls for ASP.NET suite. The ajax-enabled control will work in AJAX mode and will perform callback requests instead of regular postbacks.

To do so, you have two possible options:

  • place the instance of RadPanelBar into an AjaxPanel - in this case, the control will update itself and all other controls in the panel via AJAX request
  • place one AJAX Manager on the page and in its property builder set the AJAX pair, i.e. AJAX initiator and the updated control. In this case, as we want Telerik RadPanelBar to update itself with AJAX, it should be set as initiator and updated control.

Update telerik RadPanelBar upon AJAX request

Telerik RadPanelBar is fully compatible with the telerik RadAjax suite and can be updated via callbacks from any other control on the page without any additional coding. You have two possible options:

  • You need to have the AJAX Manager on the page and set the AJAX pair - AJAX initiator and the updated control (telerik RadPanelBar in this case). We recommend you do this using the visual editor in VS.NET.
  • Alternatively you can place telerik RadPanelBar in AJAX Panel together with the control that should update it.

Initiate an AJAX request and update other controls with Telerik RadPanelBar

You may want to initiate a callback request by telerik RadPanelBar and update other controls on the page.

To implement this functionality, you need to do the following:

  • Place AJAX Manager on the page. Open its property builder and set the AJAX pair. In this case Telerik RadPanelBar will be the AJAX initiator. You can set as many controls as you wish to be updated by a single request.

OR

  • Place both controls (telerik RadPanelBar and the control that should be updated) in AJAX Panel. telerik RadPanelBar will automatically start updating all controls  in the panel (including itself) with AJAX requests.

 

More integration examples of telerik RadAjax with the other controls from the telerik RadControls for ASP.NET suite can be seen here.