Extaspnet application Techniques (20)

Introduction

In the release of the Extaspnet v2.1.1 version, the user asked to add the Ext:timer control, the effect is a regular postback (AJAX) to the server to execute a section of C # code.

Because this control is very simple, there is no page visual elements, so I will take out to explain, perhaps for you to read Extaspnet source code has some help.

Using the Timer control

Let's take a look at the example of using a timer (online version):

ASPX label declaration:

01.<ext:PageManager ID="PageManager1" runat="server" />
02.<ext:Timer ID="Timer1" Interval="3" Enabled="false" OnTick="Timer1_Tick" runat="server">
03.</ext:Timer>
04.<ext:Button ID="btnStartTimer" runat="server" Text="Start Timer" OnClick="btnStartTimer_Click">
05.</ext:Button>
06.<ext:Button ID="btnStopTimer" runat="server" Text="Stop Timer" OnClick="btnStopTimer_Click">
07.</ext:Button>
08.<br />
09.<ext:Label ID="labServerTime" runat="server" Text="This is current datetime.">
10.</ext:Label>

This defines Timer1 once every 3 seconds (interval= "3"), is not enabled by default (enabled= "false"), and the background event handler function (ontick= "Timer1_Tick") is defined.

C # code:

01.protected void Timer1_Tick(object sender, EventArgs e)
02.{
03.　　　　 labServerTime.Text = DateTime.Now.ToString();
04.}
05.protected void btnStartTimer_Click(object sender, EventArgs e)
06.{
07.　　　　Timer1.Enabled = true;
08.}
09.protected void btnStopTimer_Click(object sender, EventArgs e)
10. {
11.　　　　Timer1.Enabled = false;
12.}