包含 ViewComponent 的表单

Question

我不知道如何在表单中使用 ViewComponent

表单正确呈现（下拉列表中的值），但模型绑定，发布表单时失败

这是风景

<form asp-action="" method="post">
    <div asp-validation-summary="All"></div>
    <div class="row">
        <vc:periodi model="@(Model.Periodi)"></vc:periodi>
    </div>

这是视图组件

<div class="col-2">
@(Html.Kendo().DropDownListFor(a => a.Anno)
                    .DataTextField("Text")
                    .DataValueField("Value")
                    .BindTo(Model.Anni)
                    .HtmlAttributes(new { style = "width: 100%" }))

无论我在下拉菜单中选择什么，Model的Object Periodi里面的变量Anno都是null

我检查了呈现的 HTML

<input id="Anno" name="Anno" ...

我认为，根据我在 MVC 方面的经验，模型绑定器的工作应该类似于“Periodi.Anno”。 有什么建议吗？

Answer 1

根据您的经验，名称应为 Periodi.Anno 以绑定 ViewComponent 属性。

作为我使用input 标记的测试，如下所示：

<input asp-for="Name" name="MVCSubModel.Name" class="form-control" />

我建议你试试：

@(Html.Kendo().DropDownListFor(a => a.Anno)
                .DataTextField("Text")
                .DataValueField("Value")
                .BindTo(Model.Anni)
                .HtmlAttributes(new { style = "width: 100%"; name = "Periodi.Anno" }))