jquery - 通过 javascript 将额外项目添加到表单

Question

我一直在寻找一段时间来完成以下任务:在表单通过后将项目添加到表单中。我已经设法将新项目的 HTML 添加到表单中，但发布后无法识别。那么，让我们把我的问题说得更清楚一点:

我有一个对象，即Project。在该项目中，我有一个列表，其中包含姓名/电子邮件和一个 bool 值，用于检查是否已选择该成员(当然，通过使用复选框)。

在 View 中，它会生成一个表单，用户可以在其中输入项目详细信息并选择(预先存在的)成员。还有一个按钮，可以创建新成员。当按下按钮时，项目表单将被隐藏并显示一个新的(PartialView/表单)。填写所需的用户详细信息后，通过 AJAX 请求发送并返回 JSON 对象。

新用户已添加到用户表中，但表单似乎无法识别新添加的成员。我已经检查了由助手(@CheckBoxFor 等)生成的 HTML 与我注入(inject)到表中的 HTML:它是相同的。

我怀疑表单本身必须以某种方式重置(重新绑定(bind)？)，但我的搜索尝试没有得到任何结果，除了解释如何在 View 中绑定(bind)模型的教程/stackoverflow 问题，而不是重新绑定(bind).

对于缺少代码，我深表歉意，希望解释足够。

Answer 1

我建议您阅读Editing Variable Length List Steven Sanderson 撰写的文章阐述了实现这一目标的一个非常好的方法。这个想法是，您不应该使用整数作为输入字段名称的索引，而应使用 Guid，并使用 .index 特殊隐藏字段向模型绑定(bind)器指示当前行的索引。这样，无论您从表单中动态添加或删除多少字段，模型绑定(bind)器始终能够成功绑定(bind)集合属性。

在他的文章中，他还演示了一个很好的 Html.BeginCollectionItem 自定义 HTML 帮助器，它隐藏了这项工作。