zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    SQL Server索引进阶:第十二级,创建,修改,删除
    SQL Server索引进阶第十一篇:索引碎片分析与解决
    Object.create()和new object()和{}的区别
    vue 前后端分离nginx部署
    实现组件props双向绑定解决方案
    prop不同数据类型设置默认值
    vue + element ui 阻止表单输入框回车刷新页面
    Vue.js中 watch(深度监听)的最易懂的解释
    vue-resource和axios区别
    JS中 reduce() 的用法
  • 原文地址:https://www.cnblogs.com/brian93/p/11175597.html
Copyright © 2011-2022 走看看