编程语言
首页 > 编程语言> > ASP.NET 服务器控件局部刷新

ASP.NET 服务器控件局部刷新

作者:互联网

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

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

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


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

 

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>

  

标签:UpdatePanel,控件,ASP,button,更新,内容,回送,NET
来源: https://www.cnblogs.com/brian93/p/11175597.html