0

我有一个能够拥有无限数量的用户添加输入的表单。

例如，想象一个带有“添加参考”部分的工作申请。有一个“+”按钮，以及任何已添加的参考旁边的“删除”。

这是一个示例模板

<script type="text/template" id="referenceTmpl">
    <div>
        <h2>Reference No. <%= index %></h2><a id="removeRef<%= index %>">Remove</a>
        Name:  <input type="text" name="references[<%= index %>].name" />
        Email: <input type="text" name="references[<%= index %>].email" />
        (...)
    </div>
</script>

当任何“参考”被删除时，我想重新编号其他的。由于表单输入可能已经包含未保存的数据，因此我需要这样做而无需完全重新呈现模板。我想以一种可销售的方式（每个输入不需要太多额外代码的方式）这样做，因为该解决方案可能用于更复杂的应用程序。

如果解决方案可以从中受益，请随意假设我正在使用 jQuery。

有任何想法吗？

4

1 回答 1

1

在不侵入代码的情况下做这种事情的最好方法是使用模型（列表）作为所谓的“参考”。

您应该尝试将 Backbone.js 与 Underscore.js 结合使用： Backbone.js 文档

有一个 TODO 示例应用程序可以完全满足您的要求：

设置可能需要一些时间，但是当你完成后，你会更快地完成工作。

于 2012-05-07T15:16:38.087 回答