ASP.Net Ajax框架 UpdatePanel控件 局部刷新

企业项目开发 同时被 3 个专栏收录
15 篇文章 0 订阅
5 篇文章 0 订阅
9 篇文章 0 订阅

UpdatePanel控制简介

        UpdatePanel控件用于局部更新网页上的内容,

网页上要局部更新的内容放在UpdatePanel控件的内容模板中,

        其强大之处在于不用编写任何客户端脚本,但它必须要和ScriptManager控件一同使用


        UpdatePanel的常用属性和子元素
        
                  说明
        UpdateMode             
        <ContentTemplate>      子元素 放置更新面板的内容模板,可以在其中添加任何控件
        <Triggers>             子元素 更新面板的触发器,只要满足触发条件才更新<ContenTempate>元素的内容
        ChildrenAsTriggers     属性,布尔值   指示来自UpdatePanel的子控件的回发是否更新面板内容。如果ChildrenAsTriggers的值为False 则UpdateMode 必须设置为Conditional

        
属性和子元素 说明
UpdateMode             属性,表示更新面板采用何种方式获取服务器端的资源。包含两个值:Alays和Conditional

Always是默认值 表示每次客户端发出请求都会无条件刷新面板的内容:

Conditional 表示依据触发条件进行更新,此时需要子元素<Triggers>定义触发器

<ContentTemplate> 
<Triggers>   
ChildrenAsTriggers 

UpdatePanel控件的使用 

        把要局部刷新的内容放在 UpdatePanel 控件内


  AsyncPostBackTrigge用来指定某个服务器端控件以及其将触发的服务器端事件作为该UpdatePanel的异步更新触发器,

它需要设置的属性有控件ID和服务端控件的事件;
        PostBackTrigger用来指定在UpdatePanel中的某个服务端控件,它所引发的回送不使用异步回送,而仍然是传统的整页回送。
        
        写个例子:


        updatepanel 中有个button   如果给它设置成PostBackTrigger .点button页面刷新


        updatepanel 外有个 button 如果给它设置成AsyncPostBackTrigger 点button页面不刷新


<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div>
            帐号<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
        <div>
            密码<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></div>

            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                      <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
                </Triggers>
            </asp:UpdatePanel>
           <div>
            <asp:Button ID="Button1" runat="server" Text="登录"  /></div>
        <asp:Button ID="Button2" runat="server" Text="Button" />
    </form>



  • 1
    点赞
  • 0
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值