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

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

主要特性：

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

下面就結(jié)合項(xiàng)目中的實(shí)例進(jìn)行學(xué)習(xí)：

　　1、在html代碼中加入

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

          或<telerik:RadScriptManager ID="RadScriptManager1"

runat="server"></telerik:RadScriptManager>

　　2、拖拽控件RadAjax控件到html頁(yè)面

<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：設(shè)置執(zhí)行事件的控件，AjaxUpdatedControl：執(zhí)行事件后刷新的控件

　　3、通過上述的設(shè)置一個(gè)簡(jiǎn)單的Ajax局部刷新就完成了，是不是很簡(jiǎn)單，如果你還需要一個(gè)等待的效果圖，只要加控件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>
     </telerik:RadAjaxManager>

 　　4、運(yùn)行圖：