updatepanel属性.docVIP

updatepanel属性 UpdatePanel的简单应用[转载] 分享转载复制地址 日志地址: 请用Ctrl+C复制后贴给好友。 转发到微博陈学伟 2011年02月28日 09:36 阅读(1) 评论(0) 分类：网页设计 举报字体：中▼ 小中大 UpdatePanel控制页面的局部更新，这个更新功能依赖于scriptManger控件的EnablePartialRendering属性，如果这个属性设置为false局部更新会失去作用(scriptManger控件的EnablePartialRendering属性的默认值为true不必刻意去设置) 下面是一个完整的UpdatePanel的结构： 复制代码 代码如下: 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 : 内容模板内的子控件的回发是否更新本模板(和UpdateMode的conditional有关) 2，UpdateMode : 内容模板的更新模式，有always和conditional俩种 always：每次ajax PostBack或者普通的PostBack都能引起panel的更新 如果UpdatePanel设置为Always时，不能使用上面的ChildrenAsTriggers属性，强行使用会报错，是updatepanel默认的更新模式,和设置trigger触发器没有直接的关系。 conditional：只有满足如下某一条件时才更新panel的内容 如果设置UpdateMode=conditional ChildrenAsTriggers=false时候，子控件不允许触发更新 1)，当panel中的某个控件引发PostBack时 2), 当Panel指定的某个Trigger被引发时 3，RenderMode： 局部更新控件的呈现形式，俩中，Block(局部更新在客户端以div形式展现)和Inline(局部更新以span的形式展现在客户端) 子元素： 1,contentTemplate: 局部更新控件的内容模板，可以在其中添加任何控件 2，Triggers: 局部更新的触发器，包括俩中：异步回发(AsyncPostBackTrigger) 用来实现局部更新。普通回发(PostBackTrigger)和普通的一养，不管是否使用了局部更新控件，都会引起页面的全部更新。 下面是几个简单的例子： 1,updatepanel的updatemode设置为always 复制代码 代码如下: %@ Page Language=C# AutoEventWireup=true CodeFile=Default2.aspx.cs Inherits=Default2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/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 / /form /bo