RadGrid for ASP.NET AJAX

  <asp:ScriptManager ID="ScriptManager1" runat="server" />
  <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
      <AjaxSettings>
          <telerik:AjaxSetting AjaxControlID="RadComboBox1">
              <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="RadComboBox1" />
                  <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="RadChart1" LoadingPanelID="RadAjaxLoadingPanel1" />
              </UpdatedControls>
          </telerik:AjaxSetting>
      </AjaxSettings>
  </telerik:RadAjaxManager>
 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> 
 </telerik:RadAjaxLoadingPanel>

    Select Customer:
    <telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="SqlDataSource1"
        DataTextField="ContactName" DataValueField="CustomerID" AutoPostBack="true">
    </telerik:RadComboBox>
 <strong>Products and amount in USD for the selected customer</strong><br />
 <div style="float: left">
    <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource2" AutoGenerateColumns="False"
        Width="240px" Style="float: left; margin-right: 7px;" GridLines="None">
        <MasterTableView DataSourceID="SqlDataSource2">
            <Columns>
                <telerik:GridBoundColumn DataField="productId" UniqueName="productId" HeaderText="product Id"
                    EmptyDataText=" " />
                <telerik:GridBoundColumn DataField="pName" UniqueName="pName" HeaderText="Product Name"
                    EmptyDataText=" " />
                <telerik:GridBoundColumn DataField="spentMoney" UniqueName="spentMoney" HeaderText="Amount <br/> in USD"
                    EmptyDataText=" " />
            </Columns>
            <RowIndicatorColumn>
                <HeaderStyle Width="20px" />
            </RowIndicatorColumn>
            <ExpandCollapseColumn>
                <HeaderStyle Width="20px" />
            </ExpandCollapseColumn>
        </MasterTableView>
        <FilterMenu EnableTheming="True">
            <CollapseAnimation Duration="200" Type="OutQuint" />
        </FilterMenu>
    </telerik:RadGrid>
</div>
<div style="float: right">
    <telerik:RadChart ID="RadChart1" DataSourceID="SqlDataSource2" runat="server"
        Width="465px" Height="260px" DefaultType="Pie" OnItemDataBound="RadChart1_ItemDataBound" 
        AutoLayout="true" AutoTextWrap="true" CreateImageMap="false">
        <ChartTitle>
            <TextBlock Text="Amount spent">
            </TextBlock>
          </ChartTitle>
        <Series>
            <telerik:ChartSeries DataYColumn="spentMoney" Name="spentMoney" Type="Pie">
                <Appearance LegendDisplayMode="ItemLabels">
                </Appearance>
            </telerik:ChartSeries>
        </Series>
        </telerik:RadChart>
</div>
<div style="clear: both; height: 1px;">
    <!-- -->
</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    SelectCommand="SELECT top 20 [CustomerID], [ContactName] FROM [Customers]"></asp:SqlDataSource>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    SelectCommand="SELECT TOP 7 p.productId, p.ProductName as pName, sum(p.UnitPrice) as spentMoney, c.CustomerID as cID, c.ContactName as cName
FROM products as p, orders as o, [order details] as od, customers as c
WHERE p.productID = od.productID 
and od.OrderID = o.OrderID
and c.CustomerID = o.CustomerID
and (c.CustomerID = @CustomerID)
GROUP BY c.CustomerID, c.ContactName, p.productID, p.ProductName">
    <SelectParameters>
       <asp:ControlParameter ControlID="RadComboBox1" DefaultValue="ALFKI" Name="CustomerID"
       PropertyName="SelectedValue" Type="String" />
    </SelectParameters>
</asp:SqlDataSource>