Atlas学习手记（5）：使用服务端定时控件TimerControl

转自 TerryLee技术空间
摘要：TimerControl是一个用于服务器端定时器的控件，可用来实时显示数据等，在很多地方都有应用，本文将简单介绍一下TimerControl的使用。

主要内容

1．TimerControl介绍

2．完整示例

 

一．TimerControl介绍

TimerControl是一个用于服务器端定时器的控件，可用来实时显示数据等，在很多地方都有应用，本文将简单介绍一下TimerControl的使用。一个简单的TimerControl如下：

<atlas:TimerControl runat="server" Interval="3000" ID="tickerTimer" OnTick="tickerTimer_Tick" />

它的属性解释如下：

属性	解释
Interval	时间间隔，隔多长时间刷新一次，单位为ms Interval="3000"
OnTick	每隔Interval时间后向服务器端触发事件，是一个服务器端的方法 OnTick="tickerTimer_Tick"
Enabled	设置TimerControl控件是否可用，通过此属性我们可以自行控制开启和停止定时。

二．完整示例

下面我们通过一个简单的示例来演示TimerControl的使用。在很多网站上我们都可以看到一些股票代码等信息，这些数据都是实时刷新的，这里我们模仿一个股票代码示例。

1．添加ScriptManager，这个不用多说，只要是Atlas应用都必须添加的。设置它的EnablePartialRendering属性为true，这里要用UpdatePanel来做局部刷新。

<atlas:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" />

2．添加TimerControl控件

<atlas:TimerControl runat="server" Interval="3000" ID="tickerTimer" OnTick="tickerTimer_Tick" />

代码很简单，指定间隔的时间为3s，触发的事件为tickerTimer_Tick

3．添加UpdatePanel，用两个Label来分别显示公司的名称和虚拟股票代码：

<atlas:UpdatePanel runat="server" ID="UpdatePanel1">

    <Triggers>

        <atlas:ControlEventTrigger ControlID="tickerTimer" EventName="Tick" />

    </Triggers>

    <ContentTemplate>

      <h2>Atlas TimerControl Example</h2>

      <asp:Label ID="CompanyName" runat="server" Font-Bold="True" Font-Size="Larger">Tokyo Traders：</asp:Label>

      <asp:Label ID="CompanyValue" runat="server" Font-Bold="True" Font-Size="Larger" ForeColor="Red">20</asp:Label>

    </ContentTemplate>

</atlas:UpdatePanel>

4．编写一个简单的Web Service，用来返回股票代码，这里我们用产生一个随机数来模拟：

using System;

using System.Web;

using System.Collections;

using System.Web.Services;

using System.Web.Services.Protocols;
 

/**//// <summary>

/// Summary description for TimerWebService

/// </summary>

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

public class TimerWebService : System.Web.Services.WebService {

    public TimerWebService () {

        //Uncomment the following line if using designed components 

        //InitializeComponent(); 

    }

    [WebMethod]

    public string GetCode()

    {
        Random r1 = new Random();

        return r1.Next(20,200).ToString();

    }
}

5．编写TimerControl的触发事件tickerTimer_Tick，代码很简单，只要把返回的数据显示在Label上就可以了。

protected void tickerTimer_Tick(object sender, EventArgs e)

{
    TimerWebService service = new TimerWebService();

    this.CompanyValue.Text = service.GetCode();

}

至此一个简单的TimerControl示例就完成了，看一下运行效果，起始的时候：

3s之后：

完整示例下载：http://terrylee.cnblogs.com/Files/Terrylee/TimerControlDemo.rar