分享
 
 
 

MrXie 之Asp.Net Ajax系列(二) 局部页面呈现(Partial-Page Rendering)

王朝asp·作者佚名  2006-12-16
窄屏简体版  字體: |||超大  

MrXie 之Asp.Net Ajax系列(二) 局部页面呈现(Partial-Page Rendering)

MrXie

观察前面一篇文章的例子,你将在aspx页面的源代码发现<asp:UpdatePanel>和<asp:ScriptManager〉两个标签,这里我们将解释其局部页面呈现的概念。

局部页面呈现(Partial-Page Rendering)可以理解为 局部页面加载,根据我们上一个例子,局部页面加载技术能够使得我们避免重新加载整个页面,它只更新我们需要刷新的部分,因此将大大减少用户等待时间,增强用户体验。上篇文章使用Microsoft Asp.Net 2.0 Ajax Extensions 组件,将使得我们不用写任何客户端javascript代码, 就可以使用这种技术。

Microsoft ASP.NET2.0 AJAX Extensions 使得我们能轻松扩展我们现有的asp.net 2..0应用程序,使得它能具备AJAX特性。我们可以在以下情况是用它:

极力提高用户的网页交互体验,增强响应感受,使得网页行为接近传统客户端程序。

减少整页刷新,避免反复刷新而产生的闪动。

不必为兼容不同浏览器而编写客户端脚本

充分发挥AJAX的客户端与服务器通信特性,而不用编写任何客户端脚本

充分享受 ASP.NET AJAX Control Toolkit 的控件和组件的高效率

开发自定义控件

局部页面呈现依赖于ASP.NET 2.0 AJAX Extensions的服务器端控件和在Microsoft AJAX Library 中的客户端功能。在应用的过程中并不要求你使用Microsoft AJAX Library,因为它的功能将在你使用服务器端控件的时候自动提供。当然,你也可以直接调用该库的开放API,去开发具备其他的AJAX特性的网页。

Partial-Page Rendering的基本特征包含:

像Asp.net服务器控件一样的声明模型。在很多情况下,你仅仅声明一个标签就可以定制局部页面呈现。

拥有服务器端控件,包含 ScriptManager和UpdatePanel 控件

服务器端控件和Microsoft AJAX Library集成,为普通任务提供实现类似取消postback或决定多次点击后如何运行的能力

错误处理机制能使你将错误自定义的显示在浏览器里

跨浏览器的兼容性已经融入Microsoft AJAX Library. 易于使用的服务器控件将自动调用匹配适合浏览器的功能

背景

使用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使用初步。

文中部分内容及示例参考 http://ajax.asp.net

若有转载,请注明作者及出处http://blog.csdn.net/eshao,在未经本人同意下,请勿修改

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有