从Telerik AjaxManager开始

本指南将指导您通过使用AjaxManager和AjaxLoadingPanel来启用应用程序ajax所需的步骤。

• 首先，您将创建您的ASP。净AJAXapplication and add the AjaxManager control to it. AJAX-enabling your web project with the AjaxManager will be a completely codeless process.
• 然后，您将通过定义AjaxLoadingPanel控件来增强用户体验。您的web应用程序将使用它的一个图像模板，并在执行回调请求时将其显示为进度指示符，也就是说，当页面加载时。
• 最后，您将为控件添加一些样式。

完成本指南之后，如下图所示，您将在运行时拥有一个启用ajax的应用程序，其中正常的回发将被回调所取代，加载面板将显示在当前更新的控件中。

建立你的ASP。网项目

在将AjaxManager添加到应用程序之前，请确保您有一个正在运行的ASP。网络项目。完成Telerik UI for ASP的安装的先决条件。NET总是相同的，不管你想使用什么Telerik AJAX控件，并且在入门指南的各个章节中有详细的描述:

• Telerik AJAX的第一步通过安装与MSI文件
• 使用ZIP文件安装Telerik AJAX的第一步
• 通过从NuGet包安装Telerik AJAX的第一步

创建一个启用ajax的场景

下面的教程演示如何将AjaxManager和AjaxLoadingPanel添加到页面中，配置两个按钮来更新公共容器。

1. 向Web表单添加ScriptManager控件。

2. 向页面添加AjaxManager:

    ````

   1. 添加一个AjaxLoadingPanel到页面，并将AjaxManager与之关联:

     ````

3. 添加将被更新的控件。在这个示例中，您将添加两个面板、两个按钮和两个标签:

          Output 2  ````

   1. 添加一个RadButton1到AjaxManager的AJAX启动器，并注册一个Panel1到由按钮更新的控件:

            ````

4. 对象中添加一些服务器端逻辑OnClick更新页面上标签的按钮的事件处理程序:

   protected void RadButton1_Click(对象发送者，EventArgs e) {System.Threading.Thread.Sleep(2000);//添加模拟更长的AJAX请求RadLabel1。文本= "成功";RadLabel2。文本= "成功";RadButton2_Click(对象发送者，EventArgs e){//整个页面将被更新文本= "成功回发";RadLabel2。文本= "成功回发";} ' ' ' '

   受保护子RadButton1_Click(ByVal sender As Object, ByVal e As EventArgs)'添加来模拟较长的AJAX请求RadLabel1。文本= "Success" RadLabel2。End Sub Protected Sub RadButton2_Click(ByVal sender As Object, ByVal e As EventArgs)整个页面将被更新。文本= "Success on Postback" RadLabel2。文本= "成功回发"结束子````

最终的设置必须看起来像下面这样:

< telerik: RadAjaxManager ID = " RadAjaxManager1 " runat = " server " DefaultLoadingPanelID =“RadAjaxLoadingPanel1”> < AjaxSettings > < telerik: AjaxSetting AjaxControlID =“RadButton1”> < UpdatedControls > < telerik: AjaxUpdatedControl ControlID = " Panel1 " / > < / UpdatedControls > < / telerik: AjaxSetting > < / AjaxSettings > < / telerik: RadAjaxManager > < telerik: RadAjaxLoadingPanel ID =“RadAjaxLoadingPanel1 runat =皮肤“服务器”=“默认”> < / telerik: RadAjaxLoadingPanel > < telerik: RadButton ID = " RadButton1 " runat = =”和“服务器”文本AJAX" OnClick="RadButton1_Click">      Output 2  

protected void RadButton1_Click(对象发送者，EventArgs e) {System.Threading.Thread.Sleep(2000);//添加模拟更长的AJAX请求RadLabel1。文本= "成功";RadLabel2。文本= "成功";RadButton2_Click(对象发送者，EventArgs e){//整个页面将被更新文本= "成功回发";RadLabel2。文本= "成功回发";｝

受保护子RadButton1_Click(ByVal sender As Object, ByVal e As EventArgs)'添加来模拟较长的AJAX请求RadLabel1。文本= "Success" RadLabel2。End Sub Protected Sub RadButton2_Click(ByVal sender As Object, ByVal e As EventArgs)整个页面将被更新。文本= "Success on Postback" RadLabel2。文本= "成功回发"结束子

另请参阅

• 关于AJAX和Telerik AJAX