如何在客户端添加asp.net中删除行的表？

Question

我正在开发asp.net Web应用程序。 我必须以表格格式向用户显示数据（它可以是表格或网格视图或其他内容）。 有一列有两个符号加号和减号。我必须显示n条记录的数据，所以最多可以有n个。的行。将动态创建行。最初只会有一行。用户将在第一行填写详细信息，如果他愿意，当用户点击加号时，将在该行下方添加一行，如果他连续点击减去特定行将被删除。 所以我希望这在客户端处理，而不是在服务器端，我不希望回发或页面重新加载。 有没有可能通过jquery，java脚本或ajax。请建议我如何。

Answer 1

你可以用一些AJAX来做这件事，我更喜欢使用JQuery来简化我的流程。当我在我的网页上做同样的事情时，我就是这样做的：

1. 页面加载时没有表格。
2. 页面（来自客户端）向服务器发送表数据的AJAX请求。
3. 返回表数据，表本身是用javascript构建的。这可以通过生成表对象来完成，也可以自己编写html（这就是我的工作方式）。
4. 我将事件附加到两个按钮，在您的情况下是加号和减号，用于触发javascript事件。
5. javascript事件将AJAX请求发送回服务器，要求删除或新行。
6. 已删除的行可以在javascript中删除，也可以添加到。

现在您可以通过AJAX请求数据，然后自己构建表行，或者您可以要求服务器向您发送预格式化的行。无论哪种方式都记住这些对象，按钮和表格不是ASP.Net对象，不会在Viewstate中，也不会通过post backs持续存在，所以每次执行回发时都要准备重建这个表。