aspx Updatepanel未更新 - 包含Gridview

时间:2017-12-23 21:29:08

标签: c# asp.net gridview updatepanel

我正在尝试将一些数据写入数据库,然后使用更新的数据更新gridview。另一个内部有一个嵌套的gridview。我还有两个更新面板。子gridview位于父更新面板内。在父更新面板的末尾,子更新面板启动,它有一个按钮。

点击后我设法写入数据库,使用查找控件,我可以找到动态网格视图,将其重新绑定到数据源。我也可以找到子updatepanel,我正在使用更新方法。但它没有更新。我没有错误。

<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布局看起来不对,但那是因为我只发布了一行的输出。没有布局问题。

2 个答案:

答案 0 :(得分:0)

当您使用UpdateMode="Conditional"时,您必须设置ChildrenAsTriggers="False"

manually trigger您的按钮或其他控件事件AsyncPostBackTrigger如:

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

并手动将更新面板更新为yourupdatepanel.Update()

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

答案 1 :(得分:0)

问题似乎在于嵌套面板。我将子updatepanel更改为一个面板,所有似乎都在工作,而不需要触发器声明。