Postback后如何清除面板和datagridview？答案

【问题标题】：How clear panel and datagridview After Postback?Postback后如何清除面板和datagridview？
【发布时间】：2016-12-14 12:29:01
【问题描述】：

我想要在回发（下载按钮）之后清除面板和 datagrdiview。当我第二次单击搜索数据（查询按钮）时。 datagridview 现在显示 2 个网格和 2 个面板（无法绑定，无法刷新网格）。

第一个网格是点击按钮回发后不清除的旧数据。 第二个网格是新数据。

设计 ASPX C#

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
 <div style="padding: 5px 10px 5px 10px; text-align: center;">
  <asp:UpdatePanel ID="udpMain" runat="server" UpdateMode="Conditional" >        
  <ContentTemplate>
   <asp:Panel ID="pnlQuery" Visible="true" runat="server">
     <fieldset style="width: 50%;">
      <legend>Query Conditions: </legend>
       <table>
        <tr>
         <td>
         //Condition Search        
         </td>                                
        </tr>                                           
       <tr>
       <td colspan="2" align="center">
         <table>                                        
          <tr>
           <td>                                            
            <asp:Button ID="btnQuery" CssClass="btn" runat="server" Text=" Query " Visible="false" OnClick="btnQuery_Click" />       
           </td>
          <td>
            <asp:Button ID="btnClear" CssClass="btn" runat="server" Text=" Clear " Visible="false" OnClick="btnClear_Click" />
           </td>                                            
          </tr>
         </table>
        </td>
       </tr>                            
      </table>
     </fieldset>
    </asp:Panel>

   <tr>
     <td align="center">                        
      <asp:Panel ID="pnDetails" runat="server" GroupingText="TAP File" Width="30%">
       <asp:GridView ID="gvDetail" runat="server" Width="30%" SkinID="gvSkSearch" PageSize="50" OnPageIndexChanging="gvDetail_PageIndexChanging" AutoGenerateColumns="False"
OnRowDataBound="gvDetail_RowDataBound" >
       <Columns>
         //Condition Columns                           
       </Columns>
      </asp:GridView>
     </asp:Panel>                             
    </td>
   </tr>
    <tr>
     <td align="center">
       <asp:Button ID="btnDownload" runat="server" CssClass="btn" OnClick="btnDownload_Click" Text=" Download " Visible="false" />
       <asp:Button ID="btnConfirmTAP" runat="server" CssClass="btn" OnClick="btnConfirmTAP_Click" Text=" Confirm send TAP " Visible="false" 
       Width="120px" />
      </td>
     </tr>
    </br>
   </ContentTemplate>
   <Triggers>
     <asp:PostBackTrigger ControlID="btnDownload" />
   </Triggers>           
  </asp:UpdatePanel>
 </div>
</asp:Content>

public void btnQuery_Click(object sender, EventArgs e)
{
    //.... dt = list data

    if (dt != null && dt.Rows.Count > 0)
    {
        gvDetail.DataSource = dt;
        gvDetail.DataBind();
        pnDetails.Visible = true;
        btnDownload.Visible = true;
        btnConfirmTAP.Visible = true;
    }
    else
    {
        pnDetails.Visible = false;
        btnDownload.Visible = false;
        btnConfirmTAP.Visible = false;
    }
}

回发后如何清晰的面板和数据网格视图。提前感谢:)

【问题讨论】：

if (!IsPostback) { your conditions } else { your conditions } - 不行吗？

标签： c# asp.net datagridview postback

【解决方案1】：

您可以通过将null 绑定到 GridView 来清除它。

GridView1.DataSource = null;
GridView1.DataBind();

你可以像这样清除面板

Panel1.Controls.Clear();

【讨论】：