asp.net UpdatePanel的简单用法「建议收藏」

asp.net UpdatePanel的简单用法「建议收藏」局部更新是ajax技术的最基本,也是最重要的用法,今天大概把asp.netajax中的局部更新控件updatepanel的用法记录下,大家可以共同探讨UpdatePanel控制页面的局部更新,这个更新功能依赖于scriptManger控件的EnablePartialRendering属性,如果这个属性设置为false局部更新会失去作用(scriptManger控件的EnablePart

大家好,又见面了,我是你们的朋友全栈君。

局部更新是ajax技术的最基本,也是最重要的用法,今天大概把asp.net ajax中的局部更新控件 updatepanel的用法记录下,大家可以共同探讨

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” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> 
<html xmlns=”http://www.w3.org/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> 
</body> 
</html>

不管哪个按钮,都会触发更新,只不过外面的按钮postback的时候页面显示回发而已 ! 
1,updatepanel的updatemode设置为conditional( ChildrenTriggers=”false” 就是updatepanel中事件不触发更新)

复制代码 代码如下:
<%@ 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>无标题页</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=”Conditional” ChildrenAsTriggers=”false”> 
<ContentTemplate> 
<% =DateTime.Now.ToString()%> 
<asp:Button ID=”Button1″ runat=”server” Text=”UpdatePanelButton” /> 
</ContentTemplate> 
</asp:UpdatePanel> 
<asp:Button ID=”Button2″ runat=”server” Text=”Button” /> 
</form> 
</body> 
</html>

下面介绍下updatePanel的触发器Trigger 
了解数据库的人应该对触发器这个概念比较清楚,Trigger对于UpdatePanel来说也是很关键的 
开始简单介绍了UpdatePanel的俩中触发器asyncPostBackTrigger和PostBackTrigger的作用 
这里用例子大概在稍微深入地介绍下: 
1,普通回调触发器(PostBackTrigger) 
PostBackTrigger主要针对UpdatePanel模板内的子控件,因为当子控件被触发时。它只会更新模版内的数据,模板外的控件不会发生变化.当需要更新全局 内容的时候就可以通过PostBackTrigger触发器来实现页面的全部回调。 
下面是简单例子:

复制代码 代码如下:
<%@ 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>无标题页</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> 
<Triggers> 
<!–下面的注释掉,点击updatePanel内的button则只更新Panel内的时间,取消注释责全部更新–> 
<!– <asp:PostBackTrigger ControlID=”Button1″/>–> 
</Triggers> 
</asp:UpdatePanel> 
<br /> 
<% =DateTime.Now.ToString()%> 
<asp:Button ID=”Button2″ runat=”server” Text=”Button” /> 
</form> 
</body> 
</html>

2,异步回调触发器(AsyncPostBackTrigger) 
是实现局部更新的关键,在触发器内定义引起回发的控件和事件 
例:

复制代码 代码如下:
<%@ 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>无标题页</title> 
</head> 
<body> 
<form id=”form1″ runat=”server”> 
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”> 
</asp:ScriptManager> 
<asp:UpdatePanel ID=”UpdatePanel1″ runat=”server” UpdateMode=”Always”> 
<ContentTemplate> 
<% =DateTime.Now.ToString()%> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID=”Button2″ EventName=”Click” /> 
</Triggers> 
</asp:UpdatePanel> 
<br /> 
<% =DateTime.Now.ToString()%> 
<asp:Button ID=”Button2″ runat=”server” Text=”Button” /> 
</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); 
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/163524.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 从零开始安装pytorch,并在pycharm中使用

    从零开始安装pytorch,并在pycharm中使用pytorch安装与使用步骤简述anaconda下载与安装anaconda环境配置anaconda安装pytorch包pycharm运行pytorch环境理解环境步骤简述pytorch是基于torch和Python语言的机器学习库。anaconda是环境与包的管理工具,pytorch的下载需要借助anaconda来完成。另外,安装的anaconda自带Python,因此没安装过Python的小伙伴也不必要再安装Python了。最后anaconda为我们提供了运行环境,为了编写程序的方便,我们还需要一款

  • oracle创建数据库详解,详解Oracle手工创建数据库-Oracle「建议收藏」

    oracle创建数据库详解,详解Oracle手工创建数据库-Oracle「建议收藏」下面就介绍一下Oracle手动创建数据库的步骤:1、确定新建数据库名称和实例名称;2、确定数据库管理员的认证方式;3、创建初始化参数文件;www.2cto.com4、创建实例;5、连接并启动实例;6、使用createdatabase语句Oracle创建数据库;7、创建附加的表空间;8、运行脚本创建数据字典视图;下面以创建一个名为“MYNEWDB”的数据库为例1、确定数据库名称与实例名称;1.DB…

  • pytcharm2021激活码(最新序列号破解)

    pytcharm2021激活码(最新序列号破解),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • 基于LDC1000的自动循迹小车

    基于LDC1000的自动循迹小车大三上学期课程设计的题目选了做小车,需要使用的是TI公司的LDC1000或者LDC1314,题目如下:首先选择做这道题是因为之前做小车比较熟悉,仔细分析一下其实也就是缺个传感器,其他的该有的都有了只需要稍作修改,于是乎开始了这一段有意思的旅途。将整个系统分为采集、处理、控制三部分。第一部分为采集模块,采用LDC1000采集赛道信息并转化为数字信号传输给数据处理模块。

  • 标准模板库(STL)学习指南之map映射

    标准模板库(STL)学习指南之map映射

  • 单片机lcd1602液晶显示_为什么lcd1602不显示

    单片机lcd1602液晶显示_为什么lcd1602不显示单片机点亮LCD1602A液晶屏芯片型号:STC89C52RC液晶屏:LCD1602A效果图:字符对应的ASCII如下图所示:代码如下:;R0:命令R1:字符R2:行R3:列R5R6R7:延时ORG0000HLJMP0030HORG0030HINIT:MOVR0,#38H LCALLW_M LCALLDELAY MOVR0,#08H LCALLW_M LCALLDELAY MOVR0,#01H LCALLW_M

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号