ASP.NET AJAX入門系列(10):Timer控件簡單使用

本文主要通過一個簡單示例,讓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();
}
10
protected void Page_Load(object sender, EventArgs e)

{
    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();
}
12
13.等待10秒鐘後可以看到Panel刷新,裏面的Label文字改變爲刷新的時間而外面的Label沒有改變。
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章