當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

ASP.NET AJAX入门系列（11）：在多个UpdatePanle中使用Timer控件

發布時間：2025/5/22 asp.net 51 豆豆

生活随笔收集整理的這篇文章主要介紹了 ASP.NET AJAX入门系列（11）：在多个UpdatePanle中使用Timer控件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本文將使用Timer控件更新兩個UpdatePanel控件，Timer控件將放在UpdatePanel控件的外面，并將它配置為UpdatePanel的觸發器，翻譯自官方文檔。<?XML:NAMESPACE PREFIX = O />

主要內容

??? 在多個UpdatePanel中使用Timer控件

1．添加一個新頁面并切換到設計視圖。

2．如果頁面沒有包含ScriptManager控件，在工具箱中的AJAX Extensions標簽下雙擊ScriptManager控件添加到頁面中。

<?XML:NAMESPACE PREFIX = V />

3．雙擊Timer控件添加到Web頁面中。Timer控件可以作為UpdatePanel的觸發器不管它是否在UpdatePanel中。

4．雙擊UpdatePanel控件添加一個Panel到頁面中，并設置它的UpdateMode屬性值為Conditional。

5．再次雙擊UpdatePanel控件添加第二個Panel到頁面中，并設置它的UpdateMode屬性值為Conditional。

6．在UpdatePanel1中單擊，并在工具箱中Standard標簽下雙擊Label控件添加到UpdatePanel1中。

7．設置Label控件的Text屬性值為“UpdatePanel1 not refreshed yet”。

8．添加Label控件到UpdatePanel2。

9．設置第二個Label控件的Text屬性值為“UpdatePanel2 not refreshed yet”。

10．設置Interval屬性為10000。Interval屬性的單位是毫秒，所以我們設置為10000，相當于10秒鐘刷新一次。

11．雙擊Timer控件添加Tick事件處理，在事件處理中設置Label1和Label2的Text屬性值，代碼如下。 public?partial?class?_Default?:?System.Web.UI.Page

{

????protected?void?Page_Load(object?sender,?EventArgs?e)

????{

????}

????protected?void?Timer1_Tick(object?sender,?EventArgs?e)

????{

????????Label1.Text?=?"UpdatePanel1?refreshed?at:?"?+

??????????DateTime.Now.ToLongTimeString();

????????Label2.Text?=?"UpdatePanel2?refreshed?at:?"?+

??????????DateTime.Now.ToLongTimeString();

????}

} 12．在UpdatePanel1和UpdatePanel2中添加Timer控件作為AsyncPostBackTrigger，代碼如下： <Triggers>

??<asp:AsyncPostBackTrigger?ControlID="Timer1"?EventName="Tick"?/>

</Triggers> 全部完成后ASPX頁面代碼如下：

<%@?Page?Language="C#"?AutoEventWireup="true"?CodeFile="Default.aspx.cs"?Inherits="_Default"?%>

?

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.1//EN"?"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html?xmlns="http://www.w3.org/1999/xhtml">

<head?id="Head1"?runat="server">

????<title>Untitled?Page</title>

</head>

<body>

????<form?id="form1"?runat="server">

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

????????<div>

????????????<asp:Timer?ID="Timer1"?OnTick="Timer1_Tick"?runat="server"?Interval="10000">

????????????</asp:Timer>

????????</div>

????????<asp:UpdatePanel?ID="UpdatePanel1"?UpdateMode="Conditional"?runat="server">

????????????<Triggers>

????????????????<asp:AsyncPostBackTrigger?ControlID="Timer1"?EventName="Tick"?/>

????????????</Triggers>

????????????<ContentTemplate>

????????????????<asp:Label?ID="Label1"?runat="server"?Text="UpdatePanel1?not?refreshed?yet."></asp:Label>

????????????</ContentTemplate>

????????</asp:UpdatePanel>

????????<asp:UpdatePanel?ID="UpdatePanel2"?UpdateMode="Conditional"?runat="server">

????????????<Triggers>

????????????????<asp:AsyncPostBackTrigger?ControlID="Timer1"?EventName="Tick"?/>

????????????</Triggers>

????????????<ContentTemplate>

????????????????<asp:Label?ID="Label2"?runat="server"?Text="UpdatePanel2?not?refreshed?yet."></asp:Label>

????????????</ContentTemplate>

????????</asp:UpdatePanel>

?

????</form>

</body>

</html>
13．保存并按Ctrl + F5運行。

14．等待10秒鐘后兩個UpdatePanel都刷新后，Label中的文本都變成了當前時間。

[翻譯自官方文檔]

轉載于:https://blog.51cto.com/terrylee/67721

總結

以上是生活随笔為你收集整理的ASP.NET AJAX入门系列（11）：在多个UpdatePanle中使用Timer控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。