aspx更新パネルが更新されていません - グリッドビューが含まれています

Question

データをデータベースに書き込んでから、更新されたデータでgridviewを更新しようとしています。もう一方にはネストされたグリッドビューがあります。私も2つの更新パネルを持っています。子グリッドビューは、親の更新パネル内にあります。親更新パネルの最後に、子更新パネルが起動します。これにはボタンがあります。

クリックすると、検索コントロールを使用してDBに書き込むことができました。動的グリッドビューを見つけてデータソースに再度バインドできます。私は子供のアップデートパネルを見つけることができ、私は更新メソッドを使用しています。それは更新していません。私は間違いがない。

<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シャープコード：

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"を設定する必要があります。

そしてmanually triggerあなたのボタン（S）または他のコントロールのイベントがAsyncPostBackTriggerなど：

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

と手動yourupdatepanel.Update()としてあなたのUpdatePanelを更新：

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

Answer 2

問題はの入れ子になるように見えましたパネル。子の更新パネルをパネルに変更し、トリガー宣言を必要とせずにすべてが機能しているようです。