上两篇博客简单学习了ScriptManager和UpdatePanel两个异步刷新的核心控件,这篇博客继续学习ASP.NET AJAX框架中的其它三个控件。
一,首先看ScriptManagerProxy控件,它和ScriptManager非常相似,那为什么它出现呢?在ASP.NETAJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时,这就需要在Content-page中使用ScriptManagerProxy。这就是它俩的主要区别。
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
</asp:ScriptManagerProxy>
二,Timer控件,这个大家应该不陌生,在VB,C#中当中,我们经常用它,在这里他也同样一样,只不过是异步刷新而已。很简单的例子,只要把他放在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相关联的UpdatePanel的ID,通常用于有多个UpdatePanel的情况下 |
DisplayAfter |
进度信息被展示后的ms数 |
DynamicLayout |
UpdateProgress控件是否动态绘制,而不占用网页空间 |
具体的使用,需要根据实际情况,把我们的一些表示进度的图片也好,文字也好,写到我们的UpdateProgress的ProgressTemplate中即可,可以指定UpdatePanel来进行测试!!!
这三个控件相对来说简单一些,但是也都非常有用。很好的配合UpdatePanel,ScriptManager来进行局部异步刷新,可以大大提高用户的体验度!综上为ASP.NETAJAX框架中的五个控件的简单学习,还需要在实际项目中来锻炼提高,加深理解!!!
原文链接:https://www.f2er.com/ajax/165430.html