扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
MrXie 之Asp.Net Ajax系列(二) 局部页面呈现(Partial-Page Rendering)
MrXie
局部页面呈现依赖于ASP.NET 2.0 AJAX Extensions的服务器端控件和在Microsoft AJAX Library 中的客户端功能。在应用的过程中并不要求你使用Microsoft AJAX Library,因为它的功能将在你使用服务器端控件的时候自动提供。当然,你也可以直接调用该库的开放API,去开发具备其他的AJAX特性的网页。
Partial-Page Rendering的基本特征包含:
像Asp.net服务器控件一样的声明模型。在很多情况下,你仅仅声明一个标签就可以定制局部页面呈现。
背景
使用ASP.Net服务器控件的典型网页能够通过已被初始化的用户行为完成提交,比如说点击一个按钮。在响应流中,服务器将呈现一个新网页。在很多情况下,完全没有必要在提交之间重新呈现那些没有任何改变的控件和文本。
使用ASP.NET AJAX 局部页面呈现技术,你只需要更新一个网页中的独立区域部分 ,使得其对用户有更好的响应性。你可以使用ASP.NET的服务器控件,也可以写客户端脚本来调用Microsoft AJAX Library中的API来实现局部页面呈现。
服务器端控件
想要在ASP.NET网页上实现AJAX功能,你必须标识一个需要更新的独立区域。于是你需要使用UpdatePanel控件来进行包装该区域,里面可以放HTML也可以是ASP.NET控件。你可以在网页Design视图下从工具栏将其拖入,也可以使用在Source视图中以声明标签的方式实现。就像下面
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<!-- Place updatable markup and controls here. -->
</ContentTemplate>
</asp:UpdatePanel>
在上一个篇的例子里,你如果察看源文件,也将会看到这个标签。
所有包含自这个update panel 内的控件所引发的提交都会在默认情况下自动以异步的方式执行,使得该区域能够实现局部页面的更新。你也可以指定一个update panel区域以外的一个控件去引发该区域的提交和刷新,也就意味着你可以指定某个控件作为其触发器。关于这部分内容我们将在以后会提到。
当异步提交就像一次普通的提交在服务器的页面事件中发生的时候,ViewState和Form的数据将被保存下来。然而,除了在updatePanel中的内容会在客户端浏览器更新,其余的将保持原状。
为了实现局部页面呈现,你还有一件事情要做,就是放置一个ScriptManager控件在页面上。ScriptManager控件自动跟踪页面上所有的update panel,同时也充当着他们的触发器, 调整服务器局部页面呈现的行为,指示页面的某个部分作为最近一次异步提交的显示结果。
放在form标签中即可
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" />
局部页面呈现的缺陷
如果局部页面呈现失效或者浏览器不支持,那么提交将变得和任何普通ASP.Net网页一样,异步提交行为将被同步提交和整页更新所替代,UpdatePanel控件将失效,控件里的内容就象没有放在里面一样。
后面我将讲解UpdatePanel具体使用的例子
下一篇:MrXie 之Asp.Net Ajax系列(三)UpdatePanel使用初步。
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者