asp.net UpdatePanel的簡(jiǎn)單用法
2024-07-10 12:39:30
供稿：網(wǎng)友
UpdatePanel控制頁面的局部更新，這個(gè)更新功能依賴于scriptManger控件的EnablePartialRendering屬性，如果這個(gè)屬性設(shè)置為false局部更新會(huì)失去作用(scriptManger控件的EnablePartialRendering屬性的默認(rèn)值為true不必刻意去設(shè)置)
下面是一個(gè)完整的UpdatePanel的結(jié)構(gòu)：
代碼如下:
<asp:ScriptManager ID="ScriptManager1" runat="server" >
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Always" RenderMode="Block">
<ContentTemplate>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger />
<asp:PostBackTrigger />
</Triggers>
</asp:UpdatePanel>
主要屬性：
1，ChildrenAsTriggers : 內(nèi)容模板內(nèi)的子控件的回發(fā)是否更新本模板(和UpdateMode的conditional有關(guān))
2，UpdateMode : 內(nèi)容模板的更新模式，有always和conditional倆種
always：每次ajax PostBack或者普通的PostBack都能引起panel的更新 如果UpdatePanel設(shè)置為Always時(shí)，不能使用上面的ChildrenAsTriggers屬性，強(qiáng)行使用會(huì)報(bào)錯(cuò)，是updatepanel默認(rèn)的更新模式,和設(shè)置trigger觸發(fā)器沒有直接的關(guān)系。
conditional：只有滿足如下某一條件時(shí)才更新panel的內(nèi)容
如果設(shè)置UpdateMode="conditional" ChildrenAsTriggers="false"時(shí)候，子控件不允許觸發(fā)更新
1)，當(dāng)panel中的某個(gè)控件引發(fā)PostBack時(shí)
2), 當(dāng)Panel指定的某個(gè)Trigger被引發(fā)時(shí)
3，RenderMode： 局部更新控件的呈現(xiàn)形式，倆中，Block(局部更新在客戶端以div形式展現(xiàn))和Inline(局部更新以span的形式展現(xiàn)在客戶端)
子元素：
1,contentTemplate: 局部更新控件的內(nèi)容模板，可以在其中添加任何控件
2，Triggers: 局部更新的觸發(fā)器，包括倆中：異步回發(fā)(AsyncPostBackTrigger) 用來實(shí)現(xiàn)局部更新。普通回發(fā)(PostBackTrigger)和普通的一養(yǎng)，不管是否使用了局部更新控件，都會(huì)引起頁面的全部更新。
下面是幾個(gè)簡(jiǎn)單的例子：
1,updatepanel的updatemode設(shè)置為always
代碼如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>無標(biāo)題頁</title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>
<% =DateTime.Now.ToString()%>
<asp:Button ID="Button1" runat="server" Text="UpdatePanelButton" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:Button ID="Button2" runat="server" Text="Button" />
