MVC-binder 无法在表单提交中绑定 complex-viewmodel-property

Question

我正在使用 Umbraco MVC 来构建我们网页的表格 4。 我有一个 ViewModel，它实际上是另一个 ViewModel 的属性，并使用下面剃刀形式的部分视图填充。无论出于何种原因，绑定后的子视图模型（RequiredHealthInputData，见下文）始终为空！绑定器将成功地将所有表单值绑定到我的主视图模型，但我的子视图模型将保持为空！

（我研究了许多关于复杂类型绑定的类似问题，但我相信，但到目前为止我发现的解决方案（前缀、重命名我的属性以支持路由等）都不起作用。

我有一个 PtjInsurancePickerViewModel.cs（主视图模型），如下所示：

public class PtjInsurancePickerViewModel : BaseViewModel, IValidatableObject
{
    [Required]
    public string InsuranceNameStr { get; set; } = "-1";

    public HealthDeclarationModel RequiredHealthInputData { get; set; }
}

HealthDeclarationModel 也是一个 ViewModel，具有以下值：

public class HealthDeclarationModel : BaseViewModel, IValidatableObject
{
    [Display(Name = "Extra comment")]
    public string ExtraComments { get; set; }

    [Display(Name = "EnsurancePTName")]
    public string EnsurancePTName { get; set; }
}

我有一个视图 InsurancePicker.cshtml，格式如下：

@using (Html.BeginUmbracoForm<InsurancePickerSurfaceController>("ProcessSelections"))
{
    <h3>Select insurance</h3>
    @Html.Partial("../Partials/InsurancePicker/_vsFamilyInsuranceProtection", Model)

    <h3>Select extra options</h3>
    @Html.Partial("../Partials/_Healthdeclaration", Model.RequiredHealthInputData)

    <h3>Send!</h3>
    <input type="submit" class="btn btn-success" value="Send!" title="Confirm choices"/>
}

请注意，表单由两个部分组成，一个获取 PtjInsurancePickerViewModel，另一个获取 HealthDeclarationModel，它是 PtjInsurancePickerViewModel 的属性

这是我的 HealthDeclarationModel 的部分内容：

        <div class="HealthDeclarationModel-Panel">

            <strong>2. Är du fullt arbetsför?</strong>
            @Html.DropDownListFor(x => x.EnsurancePTName, Model.YesNoLista, new { @class = "form-control", @id = "EnsurancePTNameSelect" })
            @Html.ValidationMessageFor(x => x.EnsurancePTName)


            @Html.TextAreaFor(x => x.ExtraComments, new { @class = "form-control", style = "max-width:100%; min-width: 100%;" })
            @Html.ValidationMessageFor(x => x.ExtraComments)

        </div>

（注意。我在我的部分特殊 ID 中提供输入字段（由 jquery 用于状态管理）。也许这可能是问题的一部分？我尝试使用前缀为模型名称“HealthDeclarationModel .EnsurancePTNameSelect”的 ID 提交” 而不仅仅是“EnsurancePTNameSelect”，但无济于事）

提交函数导致如下方法：

[Authorize(Roles = "Forsakrad")]
public class InsurancePickerSurfaceController : BaseSurfaceController
{

    [HttpPost]
    public ActionResult ProcessSelections(PtjInsurancePickerViewModel filledModel)
    {
        //Checks if the very important RequiredHealthInputData submodel is null

        if (filledModel.RequiredHealthInputData == null)
        {
            throw new ApplicationException("Critical data missing!!");
        }
        else
        {
            DoImportantStuffWithRequiredHealthInputData(filledModel.RequiredHealthInputData)
        }

        return CurrentUmbracoPage();
    }
}

现在这是我的问题。 RequiredHealthInputData 将始终为空，因为 MVC 绑定器无法将 HealthDeclarationModel 绑定到 PtjInsurancePickerViewModel。 默认活页夹的结果如下所示：

    {IndividWebb.Models.PtjInsurancePickerViewModel}
       InsuranceNameStr: "0"
       HalsodeklarationDataModel: null

但是，表单集合看起来像这样：

    controllerContext.HttpContext.Request.Form.AllKeys
    {string[17]}
       [2]: "InsuranceNameStr"
       [9]: "EnsurancePTName"
       [12]: "ExtraComments"
        14]: "HalsodeklarationDataModel"

    (Some results have been excluded)

另请注意，属于 HalsodeklarationDataModel 的输入 EnsurancePTName 具有 id EnsurancePTName 而不是 HalsodeklarationDataModel.EnsurancePTName。

我真的不知道如何进行此操作，甚至不知道如何调试它。 我只是一个自定义助手来验证绑定确实排除了 HalsodeklarationDataModel 中的所有值

Answer 1

不绑定的原因是因为您使用@Html.Partial("../Partials/_Healthdeclaration", Model.RequiredHealthInputData) 正在生成具有与PtjInsurancePickerViewModel 无关的name 属性的表单控件，例如，它会生成

<textarea name="ExtraComments" ....>

需要的地方

<textarea name="RequiredHealthInputData.ExtraComments" ....>

一种选择是将HtmlFieldPrefix 传递给部分AdditionalViewData

@Html.Partial("../Partials/_Healthdeclaration", Model.RequiredHealthInputData, 
new ViewDataDictionary { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "RequiredHealthInputData" }})

另请参阅 getting the values from a nested complex object that is passed to a partial view，其中包含 HtmlHelper 扩展方法的代码以简化此操作。

但首选方法是使用EditorTemplate。将你的部分重命名为HealthDeclarationModel.cshtml（即匹配类的名称）并将其移动到/Views/Shared/EditorTemplates文件夹（或/Views/yourControllerName/EditorTemplates文件夹），然后在视图中使用

@Html.EditorFor(m => m.RequiredHealthInputData)

这将生成正确的name 属性。

Answer 2

更改您的 _Healthdeclaration 视图，使其使用 PtjInsurancePickerViewModel 作为视图模型。简而言之，将相同的模型传递给所有部分以确保正确的输入名称。