繼上篇我們學習了RadWindow控件的用法之后，本篇我們將學習在項目中更加方便開發(fā)人員的常用控件RadAjax控件.　　

　　RadAjax 是 面向 ASP.NET 應用程序無編碼 AJAX 使能化的第一個框架。這個專利Click-and-Go™ 技術可以讓你不需要對你應用程序做任何修改（擺放 Callback 面板，設置觸發(fā)器等）。最棒的是，你根本不需要寫一行的 JavaScript 或 server-side 編碼了。

主要特性：

• 使用 AJAX 可以自動回復；
• 不需要修改應用程序；
• 不需要寫代碼；
• 支持支持標準的和第三方控件；
• 支持 .Net 1.x 和. Net 2.0 工作平臺；
• 頁面生命周期的保存；
• 表格值的持續(xù)性；
• JavaScript 編碼的持續(xù)性；
• 支持 ASP.NET 客戶確認；
• 友好的搜索引擎。

下面就結合項目中的實例進行學習：

　　1、在html代碼中加入

 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

   &nbsp;      或<telerik:RadScriptManager ID="RadScriptManager1"

runat="server"&gt;</telerik:RadScriptManager>

　　2、拖拽控件RadAjax控件到html頁面

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="stvDept">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

注：AjaxControlID：設置執(zhí)行事件的控件，AjaxUpdatedControl：執(zhí)行事件后刷新的控件

　　3、通過上述的設置一個簡單的Ajax局部刷新就完成了，是不是很簡單，如果你還需要一個等待的效果圖，只要加控件RadAjaxLoadingPanel并和RadAjaxManager配合使用即可。

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
     </telerik:RadAjaxLoadingPanel>

配合代碼如下：

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="stvDept">
                <UpdatedControls>
   <telerik:AjaxUpdatedControl ControlID="sgv1" 

ControlID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
  &nbsp; </telerik:RadAjaxManager>

 　　4、運行圖：