ASP.NET Ajax Demo - AJAX Manager - Partial Ajaxification

Run example in: C# VB.NET Change Skin:

Vista

Black
Default
Forest
Hay
Office2007
Outlook
Simple
Sitefinity
Sunset
Telerik
Vista
Web20
WebBlue
Windows7

Products:

Add to cart

1 2 3 4 5 6

Page size:

select

30 items in 6 pages

Chai

10 boxes x 20 bags

$18.00

Chang

24 - 12 oz bottles

$19.00

Aniseed Syrup

12 - 550 ml bottles

$10.00

Chef Anton's Cajun Seasoning

48 - 6 oz jars

$22.00

Grandma's Boysenberry Spread

12 - 8 oz jars

$25.00

120

Shopping cart:

ProductName	QuantityPerUnit	UnitPrice	UnitsInCart	Total Price


No products added to the shopping cart.

Example Source Code & Description

Instructions

Open in new window

The example demonstrates the ability of RadAjaxManager to ajaxify specific controls dynamically. Here, the ImageButtons are ajaxified intercepting the ItemCreated event hander of the grid.
Here is a code snippet showing how this is achieved:

    
                    protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e) 
        
                    { 
        
                        if (e.Item is GridDataItem) 
        
                        { 
        
                            GridDataItem dataItem = e.Item as GridDataItem; 
        
                            ImageButton ibtnAddToCart = (ImageButton)(dataItem["TemplateColumn1"]).FindControl("ibtnAddToCart"); 
        
                            RadAjaxManager1.AjaxSettings.AddAjaxSetting(ibtnAddToCart, RadGrid2); //ajaxify the button 
        
                        } 
        
                    }

When one of the image button is clicked, the corresponding item is added to the Shopping cart (RadGrid2).

Both grids are ajaxafied with declaratively applied settings in the mark-up code. For further information please refer to the Default.aspx section.

Ajax / Partial Ajaxification

Products:

Shopping cart:

Example Source Code & Description