ScriptManager,UpdatePanel,UpdateProgress,.net Ajax 使用

最新推荐文章于 2016-03-25 16:12:00 发布

anna19850927

最新推荐文章于 2016-03-25 16:12:00 发布

阅读量118

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/deepwishly/archive/2010/02/04/2551297.html

版权

1.ScriptManager

AllowCustomError：是否要使用错误处理
AsyncPostBackErrorMessage：异步返回错误的时候是否返回错误信息
AsyncPostBackTimeout：异步返回的事件限制，默认为90秒
EnablePartialRendering：是否支持页面的局部刷新
ScriptMode：指定发送到客户端的脚本的模式，有四种模式：Auto，Inherit，Debug，Release，默认值为Auto

2.UpdatePanel控件

UpdatePanel控件也是Ajax里用得最多的控件之一，UpdatePanel控件是用来局部更新网页上的内容，网页上要局部更新的内容必须放在UpdatePanel控件里，他必须和上一次说的ScriptManager控件一起使用。现在来看UpdatePanel的属性

UpdatePanel重要的属性如下：

属性	说明
ChildrenAsTriggers	当UpdateMode属性为Conditional时，UpdatePanel中的子控件的异步回送是否会引发UpdatePanle的更新。
RenderMode	表示UpdatePanel最终呈现的HTML元素。Block（默认）表示<div>，Inline表示<span>
UpdateMode	表示UpdatePanel的更新模式，有两个选项：Always和Conditional。Always是不管有没有Trigger，其他控件都将更新该UpdatePanel，Conditional表示只有当前UpdatePanel的Trigger，或ChildrenAsTriggers属性为true时当前UpdatePanel中控件引发的异步回送或者整页回送，或是服务器端调用Update()方法才会引发更新该UpdatePanel。

ChildrenAsTriggers：当UpdateMode属性为Conditional时，UpdatePanel中的子控件的异步回送是否会引发UpdatePanle的更新。

RenderMode:表示UpdatePanel最终呈现的HTML元素。Block（默认）表示<div>，Inline表示<span>

UpdateMode：表示UpdatePanel的更新模式，有两个选项：Always和Conditional。Always是不管有没有Trigger，其他控件都将更新该UpdatePanel，Conditional表示只有当前UpdatePanel的Trigger，或ChildrenAsTriggers属性为true时当前UpdatePanel中控件引发的异步回送或者整页回送，或是服务器端调用Update()方法才会引发更新该UpdatePanel。
Contente Template：用来定义UpdatePanel的内容
Triggers：分别为AsyncPostBackTrigger和PostBackTrigger
AsyncPostBackTrigge用来指定某个服务器端控件以及其将触发的服务器端事件作为该UpdatePanel的异步更新触发器，它需要设置的属性有控件ID和服务端控件的事件；PostBackTrigger用来指定在UpdatePanel中的某个服务端控件，它所引发的回送不使用异步回送，而仍然是传统的整页回送

3. UpdateProgress

UpdateProgress是一个进度显示条，加在AJAX里能显得更加的人性化（个人认为）。现在我们就开始吧：
第一.新建一个AJAX项目。在页面上加上ScriptManager，UpdatePanel，UpdateProgress，同时在UpdatePanel中加入一个Label，和Button。
第二：选中UpdateProgress的AssociatedUpdatePanelID设置为UpdatePanel1，完整的HTML代码如下：
<%@ Register
    Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="ajaxToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

    </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                 <asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label> 
                <br />
                              
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdateProgress ID="testUp" runat=server AssociatedUpdatePanelID="UpdatePanel1">
            <ProgressTemplate>
                progressing..
            </ProgressTemplate>

        </asp:UpdateProgress>
    </form>
</body>
</html>第三，在BUTTON中加入点击事件，代码如下：
System.Threading.Thread.Sleep(5000);