Ajax控件之ScriptManager与UpdatePanel用法 by:凉游浅笔深画眉 / Net7Cracker
2016-09-17 01:59
441 查看
公司项目用到UpdatePanel,完全不明所以。
好在赖垒大神对俺的细心讲解,写个日志,以作纪念。
作用:用于页面局部刷新!不干扰其他控件内容!
1.首先在页面申明<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
注解:
1, ScriptManager(脚本控制器)是asp.net ajax存在的基础.
2, 一个页面只允许有一个ScriptManager,并且放在其他ajax控件的前面.
3,ScriptManager掌管着客户端Ajax页的多有脚本,并在页面中注册Ajax类库,用来实现页面的局部更新和对Web服务的调用.
2. body内容部分加入以下代码
<asp:UpdatePanel ID="UpdatePanel_1" ChildrenAsTriggers="false" UpdateMode="Conditional" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnGetCode" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="lblResult" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
注解:控件ID名为:“btnGetCode”的控件,当其触发Click事件时,将异步执行该控件绑定的Click对应的函数,函数执行结果,回显在<ContentTemplate></ContentTemplate>两个元素的里面的控件之内!
2.后台btnGetCode_Click部分加入以下代码,只需要给lblResult赋值就行
好在赖垒大神对俺的细心讲解,写个日志,以作纪念。
作用:用于页面局部刷新!不干扰其他控件内容!
1.首先在页面申明<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
注解:
1, ScriptManager(脚本控制器)是asp.net ajax存在的基础.
2, 一个页面只允许有一个ScriptManager,并且放在其他ajax控件的前面.
3,ScriptManager掌管着客户端Ajax页的多有脚本,并在页面中注册Ajax类库,用来实现页面的局部更新和对Web服务的调用.
2. body内容部分加入以下代码
<asp:UpdatePanel ID="UpdatePanel_1" ChildrenAsTriggers="false" UpdateMode="Conditional" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnGetCode" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="lblResult" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
注解:控件ID名为:“btnGetCode”的控件,当其触发Click事件时,将异步执行该控件绑定的Click对应的函数,函数执行结果,回显在<ContentTemplate></ContentTemplate>两个元素的里面的控件之内!
2.后台btnGetCode_Click部分加入以下代码,只需要给lblResult赋值就行
相关文章推荐
- ASP.NET AJAX(1) - 简单地过一下每个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、 UpdateProgress和Timer)
- ASP.NET AJAX(1) - 简单地过一下每个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、 UpdateProgress和Timer)
- ASP.NET AJAX就5个控件,分别是ScriptManager、ScriptManagerProxy、UpdatePanel、UpdateProgress和Timer
- ASP.NET AJAX - 简单地过一下每个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、 UpdateProgress和Timer)
- 新闻 57 整合新管页 无刷新 ajax ScriptManager 和 UpdatePanel 如何在repeater的行里面判断 ItemDataBound
- 简单地过一下五个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、 UpdateProgress和Timer
- ajaxToolkit UpdatePanel控件的用法
- 小结:关于asp.net内置ajax功能的使用(scriptmanager/updatepanel)
- 简单地过一下五个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、 UpdateProgress和Timer)
- ASP.NET AJAX入门系列:使用UpdatePanel控件(一)
- ajax之updatePanel控件(实例)
- ASP.NET AJAX 's UpdatePanel 中使用Page.ClientScript.RegisterStartupScript 失败
- ASP.NET AJAX - 内容页面一定要使用 ScriptManagerProxy 控件吗?
- asp.net ajax学习系列功能强大的UpdatePanel控件
- 新瓶旧酒ASP.NET AJAX(1) - 简单地过一下每个控件(ScriptManager、ScriptManagerProxy、UpdatePanel、UpdateProgress和Timer)
- 技巧和诀窍:用ASP.NET AJAX来处理UpdatePanel控件的出错
- 技巧和诀窍:用ASP.NET AJAX来处理UpdatePanel控件的出错
- AjaxControlToolkit 微软出的ajax.net 工具使用教程七 使用UpdatePanel控件(二)
- aspnetajax UpdatePanel控件简单应用
- aspnetajax UpdatePanel控件简单应用