MVC 动态表单控件绑定到模型

Question

我正在尝试动态创建具有不同类型字段的表单。然后只需将用户输入的数据传回控制器并绑定回我的模型。我为每个控件使用了一个自定义编辑器模板，并希望它能在控制器中正确绑定。但是，该属性每次都是 NULL，所以我无法检索输入值。

型号

public class ReceiptModel : ClassBase
{
    public int ReceiptId { get; set; }
    public List<CustomControlModel> CustomControlList { get; set; }
}

public class CustomControlModel 
{
    public string CustomControlName { get; set; }
    public CustomControlType CustomControlType { get; set; }
}

查看

@foreach (CustomControlModel ccm in @Model.CustomControlList)
{
    if (!string.IsNullOrEmpty(ccm.PropertyName))
    {
        @Html.EditorFor(model => ccm, "CustomControlModel")
    }
}

自定义模板

@Html.HiddenFor(model => model.CustomControlId)


<label>@Model.LabelCaption</label>

@switch (@Model.CustomControlType)
{

case CustomControlType.TEXTBOX:
                    if (@Model.ReadOnly)
                    {

                        @Html.TextBoxFor(model => model.CustomControlId, new { @readonly = "readonly", @Value = @Model.Value })
                    }
                    else
                    {

        <input id="@Model.CustomControlName" name="@Model.CustomControlName" type="text" value="@Model.Value" />
}

任何帮助将不胜感激。提前致谢。

Answer 1

不要使用 foreach。它不会在呈现的 html 中生成正确的属性名称，因此模型绑定器不会拾取这些属性。改用 for 循环：

@for (int i = p; I < @Model.CustomControlList.Count; i++)
{
    if (!string.IsNullOrEmpty(Model.CustomControlList[i].PropertyName))
    {
        @Html.EditorFor(model => model.CustomControlList[i], "CustomControlModel")
    }
}