本文主要通過一個簡單示例,讓Web頁面在一定的時間間隔內局部刷新,來學習一下ASP.NET AJAX中的服務端Timer控件的簡單使用。
主要內容
Timer控件的簡單使用
1.添加新頁面並切換到設計視圖。
2.如果頁面沒有包含ScriptManager控件,在工具箱的AJAX Extensions標籤下雙擊ScriptManager控件添加到頁面中。
3.單擊ScriptManager控件並雙擊UpdatePanel控件添加到頁面中。
4.在UpdatePanel控件內單擊並雙擊Timer控件添加到UpdatePanel中。Timer控件可以作爲UpdatePanel的觸發器不管是否在UpdatePanel中。
5.設置Interval屬性爲10000。Interval屬性的單位是毫秒,所以我們設置爲10000,相當於10秒鐘刷新一次。
6.在UpdatePanel控件中添加一個Label控件。
7.設置Label控件的Text屬性爲“Panel not refreshed yet ”。確保Label控件添加在了UpdatePanel控件裏面。
8.在UpdatePanel之外再添加一個Label控件。確保第二個Label控件在UpdatePanel的外面。
9.雙擊Timer控件添加Tick事件處理,在事件處理中設置Label1的Text屬性爲當前時間。.在Page_Load事件中添加代碼設置Label2的Text屬性爲頁面創建時間,如下代碼所示:.切換到代碼視圖,確保代碼如下所示:.保存並按Ctrl + F5運行
protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = "Panel refreshed at: " +
DateTime.Now.ToLongTimeString();
}
{
Label1.Text = "Panel refreshed at: " +
DateTime.Now.ToLongTimeString();
}
10
protected void Page_Load(object sender, EventArgs e)
{
Label2.Text = "Page created at: " +
DateTime.Now.ToLongTimeString();
}
{
Label2.Text = "Page created at: " +
DateTime.Now.ToLongTimeString();
}
11
protected void Page_Load(object sender, EventArgs e)
{
Label2.Text = "Page created at: " +
DateTime.Now.ToLongTimeString();
}
protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = "Panel refreshed at: " +
DateTime.Now.ToLongTimeString();
}
{
Label2.Text = "Page created at: " +
DateTime.Now.ToLongTimeString();
}
protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = "Panel refreshed at: " +
DateTime.Now.ToLongTimeString();
}
12
13.等待10秒鐘後可以看到Panel刷新,裏面的Label文字改變爲刷新的時間而外面的Label沒有改變。