ASP.NET MVC3：使用Jquery添加文本框并将其绑定到模型

Question

我创建了一个视图，提示用户输入带有发票编号的某些记录并将其保存到数据库。 现在出现了一项新要求，我们必须能够保存1..N个发票编号用于一条记录。 数据库中没有问题，但是我找不到改变视图和模型的干净方法。 截至目前，我正在这样做：

 <div class="editor-label">
            @Html.LabelFor(x => x.InvoiceNumber1)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(x => x.InvoiceNumber1)
            @Html.ValidationMessageFor(x => x.InvoiceNumber1)
        </div>

为了满足新的要求，我必须创建某种类型的按钮，该按钮允许用户向视图中添加其他文本框（通过qjuery）。 但是，如何将那些动态添加的文本框绑定回表单提交模型上？

Answer 1

假设您的模型如下：

// model
public class InvoiceModel
{
    public List<int> InvoiceNumbers { get; set; }
}

现在，如果您将输入InvoiceNumbers[0] ， InvoiceNumbers[1]等，则这些值将正确绑定到模型的InvoiceNumbers属性。

Answer 2

检查http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx和http://blog.stevensanderson.com/2010/01/28/editing-a-variable -length-list-aspnet-mvc-2-style /您可以使用顺序索引，但是要使用javacript删除或添加行，可以使用非顺序索引，如两个链接中所述。 问候