AJAX——ASP.NET AJAX(三)ScriptManagerProxy,Timer和UpdateProgress

         上两篇博客简单学习了ScriptManagerUpdatePanel两个异步刷新的核心控件,这篇博客继续学习ASP.NET AJAX框架中的其它三个控件。


          一,首先看ScriptManagerProxy控件,它和ScriptManager非常相似,那为什么它出现呢?ASP.NETAJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-PageContent-Page中需要引入不同的脚本时,这就需要在Content-page中使用ScriptManagerProxy。这就是它俩的主要区别。

    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    </asp:ScriptManagerProxy>

         二,Timer控件,这个大家应该不陌生,在VBC#中当中,我们经常用它,在这里他也同样一样,只不过是异步刷新而已。很简单的例子,只要把他放在UpdatePanel控件里,就能实现局部刷新的秒表功能:


	<body>
	    <form id="form1" runat="server">
			<asp:ScriptManager ID="ScriptManager1" runat="server">
			</asp:ScriptManager>
	
			<asp:UpdatePanel ID="UpdatePanel1" runat="server">
				<ContentTemplate>
					<%= DateTime.Now %>
					<asp:Timer ID="Timer1" runat="server" Interval="1000">
					</asp:Timer>
				</ContentTemplate>
			</asp:UpdatePanel>
	    </form>
	</body>

         三,UpdateProgress控件:

          1,提出原因:在现实的网络中,当我们打开某一个网站或链接时,由于种种原因经常要等待页面显示出来,这样的用户体验真的很差。如果能在页面执行较长时间操作的同时,给用户提供一个类似于浏览器状态栏那样的进度条,将会很大地改善用户体验。所以微软在ASP.NETAjax中为我们提供了UpdateProgress控件,它可以轻松的实现这样的功能。

 

          2,简介: UpdateProgress控件用于当页面异步更新数据时,显示给用户友好的提示信息。该信息可以是文本信息,也可以是图片信息,用户可以根据自己的项目需要或自己的意愿进行选择。该控件的简单定义形式如下所示:


	<asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="false" AssociatedUpdatePanelID="UpdatePanel1">
		<ProgressTemplate>
			表示进度的信息
		</ProgressTemplate>
	</asp:UpdateProgress>

          3,看一下它的几个常用属性:

属性

说明

AssociatedUpdatePannelID

该属性和该UpdateProgress相关联的UpdatePanelID,通常用于有多个UpdatePanel的情况下

DisplayAfter

进度信息被展示后的ms

DynamicLayout

UpdateProgress控件是否动态绘制,而不占用网页空间

 

         具体的使用,需要根据实际情况,把我们的一些表示进度的图片也好,文字也好,写到我们的UpdateProgressProgressTemplate中即可,可以指定UpdatePanel来进行测试!!!

 

        这三个控件相对来说简单一些,但是也都非常有用。很好的配合UpdatePanelScriptManager来进行局部异步刷新,可以大大提高用户的体验度!综上为ASP.NET AJAX框架中的五个控件的简单学习,还需要在实际项目中来锻炼提高,加深理解!!!


你可能感兴趣的:(异步,用户体验,ajax框架,UpdateProgress)