javascript - "Add item"用于绑定(bind)到集合的表单的 JavaScript 按钮——MVC3 中的情况是否更好？

Question

所以我问了a question last year关于有一个“添加项目”按钮，该按钮将在 JavaScript 的表单中生成一个新行，我可以返回到 MVC POST 操作处理程序。

例如，如果我有一个这样生成的表单:

@for(int i = Model.Notes.Count - 1; i >= 0; i--)
{
    <tr>
        <td>@Html.HiddenFor(m => m.Notes[i].Id, new Dictionary<string, object> { { "data-index", i } } )
        @Html.TextBoxFor(m => m.Notes[i].Timestamp, new { @class = "datepicker" })</td>
        <td>@Html.DropDownListFor(m => m.Notes[i].PersonId, new SelectList(Model.People, "Id", "Name"))</td>
        <td>@Html.EditorFor(m => m.Notes[i].Amount)</td>
        <td>@Html.EditorFor(m => m.Notes[i].Comment)</td>
    </tr>
}

它为单行生成的 HTML:

<tr>
                <td><input data-index="2" data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Notes_2__Id" name="Notes[2].Id" type="hidden" value="16192">
                <input class="datepicker hasDatepicker valid" data-val="true" data-val-required="The Timestamp field is required." id="Notes_2__Timestamp" name="Notes[2].Timestamp" type="text" value="11/04/2011 2:11:21 PM"></td>
                <td><select id="Notes_2__PersonId" name="Notes[2].PersonId">
<option value="8367">Rei</option>
<option value="8668">Ray</option>
<option value="8883">Roy</option>
<option value="8814">Rob</option>
<option value="8886">Ron</option>
</select></td>
                <td><input class="text-box single-line" data-val="true" data-val-number="The field Amount must be a number." data-val-required="The Amount field is required." id="Notes_2__Amount" name="Notes[2].Amount" type="text" value="0.00"></td>
                <td><input class="text-box single-line" id="Notes_2__Comment" name="Notes[2].Comment" type="text" value="Some comment"></td>
            </tr>

如果我想在 MVC2 中添加一个项目，我必须编写一些非常枯燥的 JavaScript 代码来确定最新项目的索引，生成所有的 tr，tds，并输入 HTML 并设置匹配的属性。

这不仅非常重要，如果我在 cshtml 中更改某些内容，我必须非常小心以确保所有 JavaScript 都匹配。这是一个非常讨厌的代码重复。

在 MVC3 中有更好的方法吗？

提前致谢

丽

Answer 1

这是一个 blog post说明即使在 MVC 2 中情况可能会更好 :-) 并且通过使用编辑器模板(它也存在于 MVC 2 中)甚至可以进一步改善情况并且永远不要在查看。