c# - 如何获取表格行内的所有 HtmlInputText 控件？

Question

我正在尝试创建一个网页来创建小型播放列表。在字段中输入数据后，需要将其保存到 XML 文件中。目前该表如下所示:

<%-- song list table --%>
<table runat="server" id="table" class="table">

<%-- info row --%>
<thead>
 <tr>    
  <td>Song Title</td>
  <td>Song Artist</td>
  <td>Song Album</td>
  <td><%-- column for delete button --%></td>
 </tr>
</thead>

<%-- input rows --%>
<tbody>
 <tr>
  <td><input runat="server" placeholder="Title" type="text" /></td>
  <td><input runat="server" placeholder="Artist" type="text" /></td>
  <td><input runat="server" placeholder="Album" type="text" /></td>

  <td>
   <a href="#">
    <img src="Images/Delete.png" onmouseover="this.src='Images/Delete-Hover.png'" onmouseout="this.src='Images/Delete.png'" alt="Delete" />
   </a>
  </td>
 </tr>
</tbody>

</table>

新行将使用 jQuery 动态添加。当用户点击保存时，我需要将表格数据写入他们特定的 XML 文件中。目前我的后端代码如下所示:

//for each row
foreach (HtmlTableRow row in table.Rows)
{
 //create row info
 textWriter.WriteStartElement("Row");

 //for each cell
 foreach (HtmlTableCell element in row.Cells)
 {
  //get inputs

  //write current input to xml
 }

 //close row
 textWriter.WriteEndElement();
}

我的问题是我的代码从哪里开始获取每个输入的值并将它们写入 XML。

Answer 1

您需要为元素提供一个 ID，以便您可以引用它们。此外，任何动态添加的行将无法通过这种方式访问​​；那是因为它们不作为服务器控件存在于控件树中，而是纯客户端控件。您必须使用 Request.Form 集合来访问这些。如果您希望它们也跨回发持久存在，则必须将它们动态添加到控件树中。

如果您使用的是 JQuery，那么在客户端获取所有值并将这些值发送到 Web 服务或类似服务会更高效、更容易。