aspx Updatepanel不更新-包含Gridview

Question

我试图将一些数据写入数据库，然后使用更新后的数据更新gridview。 另一个内部有一个嵌套的gridview。 我也有两个更新面板。 子gridview在父updatepanel中。 在父级updatepanel的末尾，将启动子级更新面板，该面板有一个按钮。

单击后，我已经成功使用find控件写入数据库，可以找到动态gridview，然后将其重新绑定到数据源。 我还可以找到子级updatepanel，并且正在使用update方法。 但它没有更新。 我没有任何错误。

<ItemTemplate>
  <img alt="" runat="server" style="cursor: pointer" src="images/plus.png" />
  <asp:UpdatePanel ID="pnlOrders" runat="server" Style="display: none"  UpdateMode="Conditional">
    <ContentTemplate>
      <asp:GridView ID="gvOrders" runat="server" AutoGenerateColumns="false" CssClass="ChildGrid">
        <Columns>
          <asp:BoundField ItemStyle-Width="150px" DataField="OrderId" HeaderText="Contact Name" />
          <asp:BoundField ItemStyle-Width="150px" DataField="OrderDate" HeaderText="City" />
        </Columns> 
      </asp:GridView>
      <asp:UpdatePanel id="pnChild" runat="server" CssClass="ChildGrid" UpdateMode="Conditional">
        <ContentTemplate>
          <asp:TextBox ID="TextBox1" runat="server" Text=""></asp:TextBox>
          <asp:TextBox ID="TextBox2" runat="server" Text='<%# Eval("CustomerID") %>'></asp:TextBox>
          <asp:Button ID="Button1" runat="server" Text="Button" OnClick="MyButtonClick" />
        </ContentTemplate>
    </asp:UpdatePanel>
    </ContentTemplate>
  </asp:UpdatePanel>
</ItemTemplate>

C Sharp代码：

GridView gvOrder = gvr.FindControl("gvOrders") as GridView;
gvOrder.DataSource = GetData(string.Format("select top 10 * from Orders where CustomerId='{0}'", cID));
gvOrder.DataBind();
UpdatePanel uPanel = gvr.FindControl("pnlOrders") as UpdatePanel;
uPanel.Update();

HTML输出：

<table class="Grid" cellspacing="0" rules="all" border="1" id="gvCustomers" style="border-collapse:collapse;">
    <tr>
        <th scope="col">&nbsp;</th><th scope="col">Contact Name</th><th scope="col">Contact Name</th><th scope="col">City</th>
    </tr><tr>
        <td>

                    <img src="images/plus.png" alt="" style="cursor: pointer" />
                     <div id="gvCustomers_pnlOrders_0">

                         <div>
                <table class="ChildGrid" cellspacing="0" rules="all" border="1" id="gvCustomers_gvOrders_0" style="border-collapse:collapse;">
                    <tr>
                        <th scope="col">Contact Name</th><th scope="col">City</th>
                    </tr><tr>
                        <td style="width:150px;">1</td><td style="width:150px;">19-05-18</td>
                    </tr><tr>
                        <td style="width:150px;">12</td><td style="width:150px;">25-05-18</td>

                    </tr>
                </table>
            </div>
           <div id="gvCustomers_pnChild_0" CssClass="ChildGrid">

           <input name="gvCustomers$ctl02$TextBox1" type="text" id="gvCustomers_TextBox1_0" />
           <input name="gvCustomers$ctl02$TextBox2" type="text" value="1" id="gvCustomers_TextBox2_0" />
           <input type="submit" name="gvCustomers$ctl02$Button1" value="Button" id="gvCustomers_Button1_0" />

            </div>

HTML布局看起来不对，但这是因为我只发布了一行的输出。 没有布局问题。

Answer 1

使用UpdateMode="Conditional" ，必须设置ChildrenAsTriggers="False" 。

并以AsyncPostBackTrigger 手动触发按钮或其他控件事件，例如：

<Triggers>
    <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>

并手动将您的updatepanel更新为yourupdatepanel.Update() ：

UpdatePanel uPanel = gvr.FindControl("pnlOrders") as UpdatePanel;
uPanel.Update();

Answer 2

问题似乎在于面板的嵌套。 我将子级updatepanel更改为仅一个面板，并且似乎所有功能都可以正常运行，而无需触发声明。