跟我学Telerik公司的RadControls控件(二)

　　继上篇我们学习了RadWindow控件的用法之后，本篇我们将学习在项目中更加方便开发人员的常用控件RadAjax控件.　　

RadAjax 是面向 ASP.NET 应用程序无编码 AJAX 使能化的第一个框架。这个专利Click-and-Go™ 技术可以让你不需要对你应用程序做任何修改（摆放 Callback 面板，设置触发器等）。最棒的是，你根本不需要写一行的 JavaScript 或 server-side 编码了。

主要特性：

• 使用 AJAX 可以自动回复；
• 不需要修改应用程序；
• 不需要写代码；
• 支持支持标准的和第三方控件；
• 支持 .Net 1.x 和. Net 2.0 工作平台；
• 页面生命周期的保存；
• 表格值的持续性；
• JavaScript 编码的持续性；
• 支持 ASP.NET 客户确认；
• 友好的搜索引擎。

下面就结合项目中的实例进行学习：

1、在html代码中加入

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

          或<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></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：设置执行事件的控件，AjaxUpdatedControl：执行事件后刷新的控件

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>
    </telerik:RadAjaxManager>

 4、好了，给你看一下运行图：