在ASP.NET中跟踪动态创建的DOM元素的方法

Question

假设您在ASP.NET中有一个页面，使用JavaScript/jQuery来修改DOM最终将由服务器在提交时读取的值。例如，您有一个允许最终用户添加/删除对象的表单（例如健康保险表单上的依赖项或贷款申请表上的资产）。

一旦提交信息，有什么方法可以确保服务器检测并检索这些项目？

我试过几件事，工作，但没有一个看起来很完美，所以我想看看社区提供什么。

此外，我不寻找避免动态DOM元素（如使用向导等）的建议。我特别试图通过动态创建的DOM元素来改进我的技巧。

Answer 1

有两种方法可以做这样的事情：

第一：只有职位上提交的信息。只要您将name和id属性添加到DOM中的每个元素，每个元素都会在Request.Form中表示，因此您可以轻松地遍历该集合。

我倾向于有一个命名约定，如insurance_row_1，insurance_row_2等等。你可以找到所有的行像Request.Form.AllKeys.Where(k=>k.StartsWith("insurance_row_"))。

---

当要保存在服务器上的每一个动作：

保持在JavaScript中的状态的容器，在一些字典的控制，你把已经由您执行的每个动作保持着信息应用程序以及服务器是否处理它们的状态。喜欢的东西：

var stateContainer = [ 
     { 'put-insurance-row-1', false }, 
     { 'delete-insurance-row-1', false } 
]; 

做一个AJAX请求到服务器来执行这样的操作，并使用状态容器重点跟踪请求是成功还是失败。请求成功提交后，将状态设置为“真”。请务必按照接收事件的顺序执行此操作，以便将它们逐个发送到服务器以确保您保持有效状态。

如果某些状态尚未保留，您可以（尝试）阻止关闭浏览器。

Answer 2

你为什么要用客户端代码来做到这一点？我会去做一个回发并从服务器端代码添加一个控件的路线。内置的ajax更新面板应该很快处理这个问题。