如何使动作接受模型的列表？ （ASP.NET MVC 5）[重复]

Question

我能够成功地接受一个进入我的数据库的条目。但是，其余条目不是来自我动态添加的字段。

这是我为兄弟姐妹创建的：

 [HttpPost]
 [ValidateAntiForgeryToken]
 public ActionResult Create(List<sibling> siblings)
    {

        if (ModelState.IsValid)
        {
            foreach(sibling x in siblings)
            {
                db.siblings.Add(x);
                db.SaveChanges();
            }
            return RedirectToAction("Index");
        }
        return View(siblings);

这是我的兄弟模型：

public partial class sibling
{
    public int sibling_id { get; set; }
    public int child_id { get; set; }
    public Nullable<int> age { get; set; }
    public string gender { get; set; }

    public virtual child child { get; set; }
}

这是我的 Create.cshtml：

@model dummyApp.Schema.TestModels.sibling

@{
ViewBag.Title = "Create";
}

@section Scripts{
<script type="text/javascript">

    $(document).ready(function () {
        //var max_fields = 10; //maximum input boxes allowed
        var wrapper = $(".input_fields_wrap"); //Fields wrapper
        var add_button = $(".add_field_button"); //Add button ID

        var x = 1; //initlal text box count
        $(add_button).on("click", function (e) { //on add input button click
            e.preventDefault();
            //if (x < max_fields) { //max input box allowed
                x++; //text box increment
                $(wrapper).append('<div class="form-group">\
                                        <p>Child ID: <input type="number" name="siblings[' + x + '].child_id"/></p>       \
                                        <p>Age: <input type="number" name="siblings[' + x + '].age"/></p> \
                                        <p>Gender: <input type="text" name="siblings[' + x + '].gender"/></p>   \
                                        <a href="#" class="remove_field">Remove</a>     \
                                    </div>'); //add input box
            //}
        });

        $(wrapper).on("click", ".remove_field", function (e) { //user click on remove text
            e.preventDefault(); $(this).parent('div').remove(); x--;
        })
    });

</script>
 }
 <h2>Create</h2>

 @using (Html.BeginForm())
{
@Html.AntiForgeryToken()

<div class="form-horizontal">
    <h4>sibling</h4>

    <div class="input_fields_wrap">
        <button class="add_field_button btn btn-info">Add More Fields</button>
        <br><br>
        <div class="form-group">
            <p>Child ID: <input type="text" name="siblings[0].child_id" /></p>
            <p>Age: <input type="text" name="siblings[0].age" /></p>
            <p>Gender: <input type="text" name="siblings[0].gender" /></p>
        </div>
    </div>

    <div class="form-group">
        <br>
        <div class="col-md-offset-0 col-md-10">
            <input type="submit" value="Create" class="btn btn-default" />
        </div>
    </div>

</div>
 }

 <div>
@Html.ActionLink("Back to List", "Index")

Answer 1

x 的初始值为 1，在将其传递给您在 javascript 中创建的动态 html 之前，您正在执行 x++；这会将元素呈现为siblings[2].child_id。这会破坏索引的连续性，因为缺少 aiblings[1] 并且模型绑定器将在到达序列中断时停止绑定。

作为解决方案，

• 在完成 html append 或
之后执行 x++
• 采用非顺序索引方法 - 有一个名为 siblings.Index 的隐藏字段，并为该字段分配一些唯一值并将此值用作序列。更多信息在这里 - http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/ -> 非顺序索引

更新 - 使用非顺序索引方法总是更好，因为如果有删除功能会破坏第一种方法，这会反过来删除中间的一个项目，从而破坏顺序.