ASP.NET MVC：用列表＆lt; model＆gt;绑定形式视图模型

Question

我有一个具有以下属性的视图模型：

// I set the values from the database
public List<Document> AvailableDocuments { get; set; } 

// I need to set the values from a front end <form>
public List<RequiredDocument> RequiredDocuments { get; set; } 

必需的document 模型包含以下属性：

// This should be an Id, maybe a hidden input
public Document Document { get; set; }

// This should be a number input
public int RequiredCopies { get; set; } 

// This should be a checkbox
public bool IsRequired { get; set; }

在我的视图中，我是通过 availabledocuments ，并且每个迭代都应绑定到必需的document 模型（用户可以在其中设置 suermcopies 编号的值）。

表格通过Ajax提交。如何将表格绑定到 surpeirdocuments ？

@foreach (Document doc in Model.AvailableDocuments)
{
    <div class="reqdoc">
        <!-- RequiredDocument.Document -->
        <input type="hidden" name="Document" value="@doc.Id" />
        <div class="form-check">
            <!-- RequiredDocument.IsRequired -->
            <input class="form-check-input" type="checkbox" value="" />
            <label class="form-check-label">
                @doc.Name
            </label>
        </div>

        <!-- RequiredDocument.RequiredCopies -->
        <input class="form-control" type="number" />
    </div>
}

Answer 1

您可以将这种循环使用我在项目中类似的循环;有用

<table>
@for (int i = 0; i < (int)ViewBag.Count; i++)
    {
        @Html.HiddenFor(model => model.AvailableDocuments.ToList()[i].ID)
        <tr>
            <td>
                @Html.CheckBoxFor(model => model.RequiredDocuments.ToList()[i].IsRequired, new { id = "chk_" + i, @class = "custom-checkbox" })
            </td>
            <td>
                @Html.DisplayFor(model => model.AvailableDocuments.ToList()[i].Name)
            </td>
            <td>
                @Html.TextBoxFor(model => model.RequiredDocument.ToList()[i].RequiredCopies, new { id = "RequiredCopies" + i, @class = "form-control" })
            </td>
        </tr>
    }
</table>

只需通过您的获取方法传递一个viewbag。

Answer 2

使用索引并修改 name 属性为：

@{
    int i = 0;
    foreach (Document doc in Model.AvailableDocuments)
    {
    
        <div class="reqdoc">
            <!-- RequiredDocument.Document -->
            <input type="hidden" name="RequiredDocuments[@i].Document.Id" value="@doc.Id" />
            <div class="form-check">
                <!-- RequiredDocument.IsRequired -->
                <input class="form-check-input" type="checkbox" value="" name="RequiredDocuments[@i].IsRequired" />
                <label class="form-check-label">
                    @doc.Name
                </label>
            </div>

            <!-- RequiredDocument.RequiredCopies -->
            <input class="form-control" type="number" name="RequiredDocuments[@i].RequiredCopies" />
        </div>

        i++;
    }
}