首页 > 代码库 > Ajax控件之ScriptManager与UpdatePanel用法

Ajax控件之ScriptManager与UpdatePanel用法

公司项目用到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赋值就行

技术分享

Ajax控件之ScriptManager与UpdatePanel用法