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>
                &nbsp;<asp:Label ID="Label1" runat="server" Text="Label" Width="166px"></asp:Label>&nbsp;
                <br />
                &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
                <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);

        Label1.Text =  DateTime.Now.ToString();

 

posted @ 2020-11-04 21:15  阿东123  阅读(133)  评论(0)  编辑  收藏  举报