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

本文将使用Timer控件更新两个UpdatePanel控件，Timer控件将放在UpdatePanel控件的外面，并将它配置为UpdatePanel的触发器，翻译自官方文档。

主要内容

在多个UpdatePanel中使用Timer控件

1．添加一个新页面并切换到设计视图。

2．如果页面没有包含ScriptManager控件，在工具箱中的AJAX Extensions标签下双击ScriptManager控件添加到页面中。

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，代码如下：

<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">

<title>Untitled Page</title>

</head>

<body>

<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">

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

</Triggers>

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

</ContentTemplate>

</asp:UpdatePanel>

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

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

</Triggers>

<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中的文本都变成了当前时间。

[翻译自官方文档]

作者：TerryLee
出处：http://terrylee.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

posted @ 2006-11-15 21:43 TerryLee 阅读(11655) 评论(62) 编辑收藏网摘所属分类: [08] Web开发 [07] AJAX风云

发表评论

回复引用

#1楼 2006-11-16 21:27 | hm[未注册用户]

看了着么多李大哥写的文章，终于坐到沙发了，呵呵

回复引用查看

#2楼 2006-11-17 05:39 | baiwei1977

有一个关于CascadingDropDown问题。请教一下。
现在我们处理的三级联动，都是一组数据。如果有多组三级联动的数据。

在WEB服务中一般是这样的。

public CascadingDropDownNameValue[] Get1(string knownCategoryValues, string category)

public CascadingDropDownNameValue[] Get2(string knownCategoryValues, string category)

public CascadingDropDownNameValue[] Get3(string knownCategoryValues, string category)

我怎样将一个page.asp?id=1。的参数传到Get1中呢？

现在使用的是asp.net ajax beta2。谢谢。小飞

回复引用查看

#3楼 [楼主]2006-11-18 18:05 | TerryLee

@hm
:)

回复引用查看

#4楼 [楼主]2006-11-18 18:06 | TerryLee

@baiwei1977
现在的ASP.NET AJAX ControlToolkit还不能实现吧，我也不太清楚

回复引用

#5楼 2006-11-19 12:22 | efly[未注册用户]

老赵～～
小弟有个问题不知道如何解决～
就是在模版页面和子页面间使用uodatepanle 的时候，不知道如何使用～
也就是子页面的dropdownlist 选择项事件触发的时候～我想让 masterpage中的一块局部更新。我自己怎么式也不行，在 masterpage 中拖入一个 updatepanel 吧里面的 triigers 条件是找不到子页面的控件ID的·

我不知道这能不能实现，问下老赵可有解决方法么？

回复引用

#6楼 2006-11-20 21:17 | xpengfee[匿名][未注册用户]

初学者，受益匪浅，谢谢了！！！

回复引用查看

#7楼 2006-11-22 10:07 | WXWinter(冬)

收刮,收刮,收刮,收刮,收刮,收刮,收刮,收刮

收刮了好多,好文章,本想偷偷跑掉,最后还是决定打个招呼(^_^)

佩服你的技术,更佩服你的文风

回复引用查看

#8楼 [楼主]2006-11-23 20:59 | TerryLee

@WXWinter(冬)
呵呵，过奖:)

回复引用查看

#9楼 2006-12-20 16:55 | Anthan

Terry 大哥还会继续吗？