清除面板內的表格中的所有文本框C＃

Question

我在面板中有16個文本框。我正在嘗試創建一個按鈕，以清除每個框中的所有文本。目前我使用的是txtbox.text = ""選項，但是有一個更好的方法可以做到這一點。

我試過使用panel.controls.clear()，但似乎也沒有工作。

<asp:Panel ID="pnlAddNewPeopleRecord" runat="server" Visible="false"> 
    <asp:Label ID="lblAddNewPeopleRecord" runat="server" Visible="true">Add To People Table</asp:Label> 
    <asp:Table runat="server" class="tblAddNewRecord"> 
     <asp:TableRow> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">ID</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeoplePersonID"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">First Name</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleFirstName"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Middle Initial</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleMiddleInitial"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Last Name</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleLastName"></asp:TextBox> 
      </asp:TableCell> 
     </asp:TableRow> 
     <asp:TableRow> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Street 1</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleStreet1"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Street 2</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleStreet2"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">City</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleCity"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">State</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleState"></asp:TextBox> 
      </asp:TableCell> 
     </asp:TableRow> 
     <asp:TableRow> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Zip Code</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleZipCode"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Country</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleCountry"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Phone 1</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeoplePhone1"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Phone 2</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeoplePhone2"></asp:TextBox> 
      </asp:TableCell> 
     </asp:TableRow> 
     <asp:TableRow> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Fax</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleFax"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Cell Phone</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleCellPhone"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Email</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleEmail"></asp:TextBox> 
      </asp:TableCell> 
      <asp:TableCell CssClass="tblCell"> 
       <asp:Label class="tblCellLabel" runat="server">Notes</asp:Label> 
       <asp:TextBox class="tblCellTextbox" runat="server" ID="txtbxPeopleNotes"></asp:TextBox> 
      </asp:TableCell> 
     </asp:TableRow> 
    </asp:Table> 

    <asp:Button runat="server" class="btnResetRecord" ID="btnAddNewPeopleResetRecords" Text="Reset Fields" OnClick="btnAddNewPeopleResetRecords_Click" /> 
    <asp:Button runat="server" class="btnAddNewRecord" ID="btnAddNewRecordToPeople" Text="Add Record To People Table" OnClick="btnAddNewRecordToPeople_Click" /> 
</asp:Panel> 

我使用下面的代碼。當我點擊按鈕時，頁面什麼都不做。

protected void btnAddNewPeopleResetRecords_Click(object sender, EventArgs e) 
{ 
    resetAllTextBoxes(pnlAddNewPeopleRecord); 
} 

private void resetAllTextBoxes(System.Web.UI.WebControls.Panel pnlAddNewPeopleRecord) 
{ 
    foreach(System.Web.UI.Control c in pnlAddNewPeopleRecord.Controls) 
    { 
     if (c is System.Web.UI.WebControls.TextBox) 
     { 
      ((System.Web.UI.WebControls.TextBox)c).Text = ""; 
     } 
    } 
} 

Answer 1

如果你想做這個服務器端，那麼你的解決方案是最好的方法。如果你可以使用linq，它可以被整理。

using System.Web.UI.WebControls; 

private void resetAllTextBoxes(Panel pnlAddNewPeopleRecord) 
{ 
    foreach(var control in pnlAddNewPeopleRecord.Controls.OfType<TextBox>()) 
    { 
     control.Text = string.Empty; 
    } 
} 

或者，如果您不需要回發到服務器，則可以在客戶端執行此操作。使用jQuery來簡化。

<input type="button" value="Clear Textboxes" onclick="ClearTextboxes();" /> 

<script type="text/javascript"> 
    function ClearTextboxes() 
    { 
     $(".tblCellTextbox").val(""); 
    } 
</script>