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

Question

我正在开发 asp.net 网络应用程序。 我必须以表格格式向用户显示数据（它可以是表格或网格视图或其他东西）。 有一列有两个正负号。我必须显示 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 中并且不会在回发中持续存在，因此请准备好在每次执行回发时重建此表。