微网站做的比较好的,中国核工业第五建设有限公司面试,陕西西铜建设有限责任公司网站,个人网页设计模版局部更新是ajax技术的最基本#xff0c;也是最重要的用法#xff0c;今天大概把asp.net ajax中的局部更新控件 updatepanel的用法记录下#xff0c;大家可以共同探讨 UpdatePanel控制页面的局部更新#xff0c;这个更新功能依赖于scriptManger控件的EnablePartialRendering…局部更新是ajax技术的最基本也是最重要的用法今天大概把asp.net ajax中的局部更新控件 updatepanel的用法记录下大家可以共同探讨 UpdatePanel控制页面的局部更新这个更新功能依赖于scriptManger控件的EnablePartialRendering属性如果这个属性设置为false局部更新会失去作用(scriptManger控件的EnablePartialRendering属性的默认值为true不必刻意去设置) 下面是一个完整的UpdatePanel的结构 复制代码 代码如下:asp:ScriptManager IDScriptManager1 runatserver /asp:ScriptManager asp:UpdatePanel IDUpdatePanel1 runatserver ChildrenAsTriggerstrue UpdateModeAlways RenderModeBlock ContentTemplate /ContentTemplate Triggers asp:AsyncPostBackTrigger / asp:PostBackTrigger / /Triggers /asp:UpdatePanel 主要属性 1ChildrenAsTriggers : 内容模板内的子控件的回发是否更新本模板(和UpdateMode的conditional有关) 2UpdateMode : 内容模板的更新模式有always和conditional俩种 always每次ajax PostBack或者普通的PostBack都能引起panel的更新 如果UpdatePanel设置为Always时不能使用上面的ChildrenAsTriggers属性强行使用会报错是updatepanel默认的更新模式,和设置trigger触发器没有直接的关系。 conditional只有满足如下某一条件时才更新panel的内容 如果设置UpdateModeconditional ChildrenAsTriggersfalse时候子控件不允许触发更新 1)当panel中的某个控件引发PostBack时 2), 当Panel指定的某个Trigger被引发时 3RenderMode 局部更新控件的呈现形式俩中Block(局部更新在客户端以div形式展现)和Inline(局部更新以span的形式展现在客户端) 子元素 1,contentTemplate: 局部更新控件的内容模板可以在其中添加任何控件 2Triggers: 局部更新的触发器包括俩中异步回发(AsyncPostBackTrigger) 用来实现局部更新。普通回发(PostBackTrigger)和普通的一养不管是否使用了局部更新控件都会引起页面的全部更新。 下面是几个简单的例子 1,updatepanel的updatemode设置为always 复制代码 代码如下:% Page LanguageC# AutoEventWireuptrue CodeFileDefault2.aspx.cs InheritsDefault2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtml head runatserver title无标题页/title /head body form idform1 runatserver div /div asp:ScriptManager IDScriptManager1 runatserver /asp:ScriptManager asp:UpdatePanel IDUpdatePanel1 runatserver UpdateModeAlways ContentTemplate % DateTime.Now.ToString()% asp:Button IDButton1 runatserver TextUpdatePanelButton / /ContentTemplate /asp:UpdatePanel asp:Button IDButton2 runatserver TextButton / /form /body /html 不管哪个按钮都会触发更新只不过外面的按钮postback的时候页面显示回发而已 1,updatepanel的updatemode设置为conditional( ChildrenTriggersfalse 就是updatepanel中事件不触发更新) 复制代码 代码如下:% Page LanguageC# AutoEventWireuptrue CodeFileDefault2.aspx.cs InheritsDefault2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtml head runatserver title无标题页/title /head body form idform1 runatserver div /div asp:ScriptManager IDScriptManager1 runatserver /asp:ScriptManager asp:UpdatePanel IDUpdatePanel1 runatserver UpdateModeConditional ChildrenAsTriggersfalse ContentTemplate % DateTime.Now.ToString()% asp:Button IDButton1 runatserver TextUpdatePanelButton / /ContentTemplate /asp:UpdatePanel asp:Button IDButton2 runatserver TextButton / /form /body /html 下面介绍下updatePanel的触发器Trigger 了解数据库的人应该对触发器这个概念比较清楚Trigger对于UpdatePanel来说也是很关键的 开始简单介绍了UpdatePanel的俩中触发器asyncPostBackTrigger和PostBackTrigger的作用 这里用例子大概在稍微深入地介绍下 1,普通回调触发器(PostBackTrigger) PostBackTrigger主要针对UpdatePanel模板内的子控件因为当子控件被触发时。它只会更新模版内的数据模板外的控件不会发生变化.当需要更新全局 内容的时候就可以通过PostBackTrigger触发器来实现页面的全部回调。 下面是简单例子 复制代码 代码如下:% Page LanguageC# AutoEventWireuptrue CodeFileDefault2.aspx.cs InheritsDefault2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtml head runatserver title无标题页/title /head body form idform1 runatserver div /div asp:ScriptManager IDScriptManager1 runatserver /asp:ScriptManager asp:UpdatePanel IDUpdatePanel1 runatserver UpdateModeAlways ContentTemplate % DateTime.Now.ToString()% asp:Button IDButton1 runatserver TextUpdatePanelButton / /ContentTemplate Triggers !--下面的注释掉点击updatePanel内的button则只更新Panel内的时间取消注释责全部更新-- !-- asp:PostBackTrigger ControlIDButton1/-- /Triggers /asp:UpdatePanel br / % DateTime.Now.ToString()% asp:Button IDButton2 runatserver TextButton / /form /body /html 2异步回调触发器(AsyncPostBackTrigger) 是实现局部更新的关键在触发器内定义引起回发的控件和事件 例 复制代码 代码如下:% Page LanguageC# AutoEventWireuptrue CodeFileDefault2.aspx.cs InheritsDefault2 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlnshttp://www.w3.org/1999/xhtml head runatserver title无标题页/title /head body form idform1 runatserver asp:ScriptManager IDScriptManager1 runatserver /asp:ScriptManager asp:UpdatePanel IDUpdatePanel1 runatserver UpdateModeAlways ContentTemplate % DateTime.Now.ToString()% /ContentTemplate Triggers asp:AsyncPostBackTrigger ControlIDButton2 EventNameClick / /Triggers /asp:UpdatePanel br / % DateTime.Now.ToString()% asp:Button IDButton2 runatserver TextButton / /form /body /html 运行了发现点击button2的时候只更新了 updatepanel内部的时间 上面的例子也可以动态更新UpdatePanel的一些源代码 具体例子就不写了下面 大概写点主要代码 复制代码 代码如下:protected void Page_Load(object sender, EventArgs e) { //获取更新控件儿 UpdatePanel mapanel UpdatePanel1; //设置触发模式 mapanel.UpdateMode UpdatePanelUpdateMode.Conditional; //显示时间 Label1.Text DateTime.Now.ToString(); //添加触发 AsyncPostBackTrigger tri new AsyncPostBackTrigger(); tri.ControlID Button2; tri.EventName Click; mapanel.Triggers.Add(tri); } 转载于:https://www.cnblogs.com/liangsetian/archive/2011/06/03/2072034.html
