Question

如何通过单击按钮复制html块（例如，将新行添加到非ASP表中）？

我的第一个想法是使用ASP中继器。然而，中继器被设计为数据绑定。虽然有一些workarounds使用Repeater重复不是数据绑定的代码，但这似乎是错误的方法。

ASP.NET必须有一种推荐的方法来执行此操作。我认为不必为此采用AJAX（提示您的响应的激光焦点是在AJAX上......）。

我制作了一个JSFiddle可视化问题，虽然我不一定要求JS解决方案：

示例html：

<table>
  <thead>
    <th>Col1</th>
    <th>Col2</th>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" value=""></td>
      <td><button>Button</button></td>
    </tr>
  </tbody>
</table>
<button>Add Row</button>

Answer 1

您可以点击按钮复制该行。为此，您需要将Id分配给Row，然后在按钮的onclick属性中调用Javascript函数中的Id获取此行。在得到这个之后你可以将这行的html追加到最后在表中添加的行。通过这种方式，您可以通过多次单击按钮来添加多行。希望这对你有帮助！

在没有Repeater的情况下生成重复的HTML代码

1 个答案: