AJAX 之 UpdatePanel 控件

最新推荐文章于 2024-07-17 19:21:45 发布

kenvie84

最新推荐文章于 2024-07-17 19:21:45 发布

阅读量347

点赞数

分类专栏： C# ASP.NET 文章标签： ajax button server triggers asp

本文链接：https://blog.csdn.net/kenvie84/article/details/2738525

版权

C# ASP.NET 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1. 单个updatepanel 控件进行局部刷新

<asp:ScriptManager id=ScriptManager1 EnablePartialRendering="true" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel id=UpdatePanel1 runat="server" UpdateMode="Conditional">
        <CONTENTTEMPLATE>
           In the Panel
             <FIELDSET><%=System.DateTime.Now.ToString() %>

                    <asp:Button id=Button1 οnclick=Button1_Click runat="server" Text="刷新"></asp:Button>
            </FIELDSET>
        </CONTENTTEMPLATE>
</asp:UpdatePanel>
<BR>out of panel:<%=System.DateTime.Now.ToString() %><BR>

2. 2个UpdatePanel 控件刷新

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
           In the Panel <fieldset><%=System.DateTime.Now.ToString() %><asp:Button ID="Button1"
                    runat="server" οnclick="Button1_Click" Text="刷新" />
            </fieldset>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />
        </Triggers>
</asp:UpdatePanel>
<BR />out of panel:<%=System.DateTime.Now.ToString() %><BR>

<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
             商品类型：<asp:DropDownList ID="DropDownList1" runat="server"
                AutoPostBack="True" onselectedindexchanged="DropDownList1_SelectedIndexChanged">
            </asp:DropDownList>
              商品名称：<asp:DropDownList ID="DropDownList2" runat="server">
            </asp:DropDownList>
     </ContentTemplate>
</asp:UpdatePanel>

总结：

1. Updatepanel 控件与 ScriptManager 控件一起使用；

ScriptManager 的 EnablePartialRendering ＝false 窗体同步刷新， EnablePartialRendering ＝true Updatepanel控件局部刷新

2. 多个UpdatePanel 控件同时刷新需设置Triggers 属性

ControlID="DropDownList1" 控件ID

EventName="SelectedIndexChanged" 控件事件