《Ajax入门教程10-在多个UpdatePanle中使用Timer控》.doc

ASP.NET AJAX入门系列（11）：在多个UpdatePanle中使用Timer控件 ? 主要内容 在多个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爒oid燩age_Load(object爏ender,燛ventArgs爀)值，代码如下牋牋pr{牋牋}ot牋牋protected爒oid燭imer1_Tick(object爏ender,燛ventArgs爀)，代码如下。秒牋牋pr{牋牋牋牋Label1.Text??UpdatePanel1爎efreshed燼t:??tArgs爀)，代牋牋牋牋牋DateTime.Now.ToLongTimeString();燼t:??牋牋牋牋Label2.Text??UpdatePanel2爎efreshed燼t:??tArgs爀)，代牋牋牋牋牋DateTime.Now.ToLongTimeString();燼t:??牋牋}牋D} 12．在UpdatePanel1和UpdatePanel2中添加Timer控件作为AsyncPostBackTrigger，代码如下： Triggers牋asp:AsyncPostBackTrigger燙ontrolID=Timer1燛ventName=Tick?下： /Triggers 全部完成后ASPX页面代码如下：%@燩age燣anguage=C#燗utoEventWireup=true燙odeFile=Default.aspx.cs營nherits=_Default??燩!DOCTYPE爃tml燩UBLIC?-//W3C//DTD燲HTML?.1//EN?/TR/xhtml11/DTD/xhtml11.dtdhtml爔mlns=/1999/xhtmlhead爄d=Head1爎unat=server99牋牋titleUntitled燩age/title99/headbody牋牋form爄d=form1爎unat=server9/xh牋牋牋牋asp:ScriptManager營D=ScriptManager1爎unat=server?.org/TR牋牋牋牋divcrip牋牋牋牋牋牋asp:Timer營D=Timer1燨nTick=Timer1_Tick爎unat=server營nterval=10000html11.dtd牋牋牋牋牋牋/asp:TimerTimer牋牋牋牋/div:Tim牋牋牋牋asp:UpdatePanel營D=UpdatePanel1燯pdateMode=Conditional爎unat=serverhtml1牋牋牋牋牋牋Triggersnel營D=牋牋牋牋牋牋牋牋asp:AsyncPostBackTrigger燙ontrolID=Timer1燛ventName=Tick?rverht牋牋牋牋牋牋/TriggersPostBa牋牋牋牋牋牋ContentTemplateckTrig牋牋牋牋牋牋牋牋asp:Label營D=Label1爎una