UpdatePanel控件

ASP.NET UpdatePanel控件可用于生成功能丰富、以客户端为中心的Web应用程序。通过使用UpdatePanel控件，可以在回发期间刷新网页的选定部分而不是刷新整个网页。这称为执行部分页更新。包含一个ScriptManager控件和一个或多个UpdatePanel控件的ASP.NET网页，不需要使用自定义客户端脚本即可自动参与部分页更新。

启用部分页更新：

UpdatePanel控件在网页中需要ScriptManager控件，默认情况下，将启动部分页更新，因为ScriptManager控件的EnablePartialRendering属性默认值为true。最简单的例子如下，当单击Button控件时，将刷新当前时间。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
    <ContentTemplate >    <%= DateTime.Now %>  <asp:Button ID="Button2" runat="server" Text="Button" /></ContentTemplate>
</asp:UpdatePanel>

由上面的例子我们也可以看出，UpdatePanel控件内容是通过<ContentTemplate></ContentTemplate>标记来实现的。

控件主要属性：

1.ChildrenAsTriggers：内容模板内的子控件的回发是否更新本模板（和UpdateMode的Conditional有关）

2.UpdateMode：内容模板的更新模式，有Always和Conditional两种。

（1）Always：网页的任何地方发生的每个回发都会导致 UpdatePanel 控件内容进行更新。其中包括其它UpdatePanel 控件内的控件引发的异步回发，以及不在 UpdatePanel 控件内的控件引发的回发。

（2）Conditional：只有满足如下某一条件时才更新：

a.当回发由 UpdatePanel 控件的触发器引起时。

b.当显式调用 UpdatePanel 控件的 Update 方法时。

c.当 UpdatePanel 控件嵌套在另一个 UpdatePanel 控件内并更新父面板时。

如果 ChildrenAsTriggers 属性设置为 false 且 UpdateMode 属性设置为 Always，则将引发异常。此 ChildrenAsTriggers 属性仅在 UpdateMode 属性设置为 Conditional 时使用。

3.RenderMode:局部更新控件的呈现形式，包括Block（以div形式展现）和Inline（以span形式展现）。

子元素：

1.ContentTemplate：局部更新控件的内容模板，可以在其中添加任何控件。

2.Triggers：局部更新的触发器，包括两种，分别为AsyncPostBackTrigger和PostBackTrigger。AsyncPostBackTrigge用来指定某个服务器端控件以及其将触发的服务器端事件作为该UpdatePanel的异步更新触发器，它需要设置的属性有控件ID和服务端控件的事件；PostBackTrigger用来指定在UpdatePanel中的某个服务端控件，它所引发的回送不使用异步回送，而仍然是传统的整页回送。

下面来一个小例子：

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers ="false"UpdateMode ="Conditional"  ><ContentTemplate ><%= DateTime.Now %><asp:Button ID="Button1" runat="server" Text="Button" /></ContentTemplate><Triggers ><asp:AsyncPostBackTrigger ControlID ="Button2" /></Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ><ContentTemplate ><%= DateTime.Now %><asp:Button ID="Button2" runat="server" Text="Button" /></ContentTemplate>
</asp:UpdatePanel>

效果就是下图所示：

在这个例子中，由于第一个UpdatePanel控件的ChildrenAsTriggers值为false，并且UpdateMode值为Conditional，所以Button1不能对第一个时间进行更新，只能对第二个时间进行更新。由于在第一个UpdatePanel控件中使用触发器绑定了Button2，所以Button2的单击就可以更新第一个时间，当然，Button2在第二个UpdatePanel控件中一定可以更新第二个时间（这里说的更新都只是部分更新，并不会对整个页面进行提交）。

UpdatePanel控件就简单介绍到此，是不是很简单？感谢您的阅读~

UpdatePanel控件相关推荐

asp.net ajax学习系列功能强大的UpdatePanel控件
先给一个简单的例子,后面给一个比较复杂的例子. 改进后的UpdatePanel使页面部分更新(Partial-Page Updates)实现起来非常容易. 要想在已有web页面或新建页面中加入部分更新 ...
通过Ajax来简单的实现局部刷新（主要为C#中使用的UpdatePanel控件和ScriptManager控件）...
1. ScriptManager和UpdatePanel控件联合使用可以实现页面局部异步刷新的效果.UpdatePanel用来设置页面中局部异步刷新的区域,它必须依赖于ScriptManager,因为 ...
UpdatePanel控件的简单属性学习
一.RenderMode属性,值为Block(默认值)为Inline 在页面中输入以下代码: <asp:ScriptManager ID="ScriptManager1" ...
学习UpdatePanel控件
UpdatePanel控件的使用 ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果.其中的UpdatePanel就是设置页面中异步局部更新区域,它必须依赖 ...
第三篇: UpdatePanel 控件示例
1. 新建一个web窗体Default3.aspx 2. 加入ScriptManager控件和UpdatePanel控件. 在UpdatePanel控件中加入一个2 * 3 的表格 ...
ASP.NET AJAX入门系列（5）：使用UpdatePanel控件（二）
UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加 ...
第四篇: UpdatePanel 控件--触发机制Triggers
之前,我们都是通过把控件放到UpdatePanel控件里的,若想要把控件放到UpdatePanel 外呢? 就可以通过Triggers 来实现. 我们通过一个例子来说明: 1.新建三个控件:Scrip ...
C#运用ajax实现updatepanel控件更新及弹窗
C#运用ajax实现updatepanel控件更新一个页面要有不同的主题,如"我的主页"."我的帖子"."我的收藏"等等. 在点击相应功能 ...
ScriptManager和UpdatePanel控件的使用
ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果.其中的UpdatePanel就是设置页面中异步局部更新区域,它必须依赖于ScriptManager存在,因 ...

UpdatePanel控件

UpdatePanel控件相关推荐

最新文章

热门文章