表单数据未绑定到具有泛型类型的视图模型

Question

我在 ASP.NET Core 5.0 之上使用 C# 编写了一个应用程序。

我有以下视图模型

public class TestVM 
{
   public Name  { get; set; }

   public MenuViewModel<string> State { get; set;}

   public TestVM()
   {
       State = MenuViewModel<string>();
   }
}

这是我的MenuViewModel的精简版

public class MenuViewModel
{
    [BindNever]
    public IEnumerable<SelectListItem> Items { get; set; }
}

public class MenuViewModel<T> : MenuViewModel
{
    public T Value { get; set; }
}

问题是，当 post 请求进来时，viewModel.State.Value 为空。当我评估Request.Form 时，我确实看到了State.Value 的正确值CA

这是我在控制器中的操作方法的精简版。

[HttpPost, ValidateAntiForgeryToken]
public IActionResult Store(TestVM viewModel)
{

   if(ModelState.IsValid)
   {
     // do some
   }

   return View(viewModel);
}

如何将请求中的表单数据正确绑定到State.Value 属性？

更新我创建了一个编辑器模板来允许我渲染 MenuVieModel。 ~/Views/Shared/EditorTemplates/MenuViewModel.cshtml 包含以下代码

@model dynamic

@{
    if (!(Model is MenuViewModel m))
    {
        return;
    }

    dynamic obj = new System.Dynamic.ExpandoObject();
    obj.Class = "form-control";
    if (Html.ViewData.ModelMetadata.IsRequired)
    {
        obj.Required = true;
    }
}

@Html.DropDownList("Value", m.Options, Html.ViewData.ModelMetadata.Placeholder, obj)

Answer 1

首先，您需要知道对于复杂类型的每个属性，模型绑定会在源中查找名称模式prefix.property_name。如果未找到任何内容，则只查找不带前缀的 property_name。

这是一个您可以关注的工作演示：

型号：

public class TestVM
{
    public string Name { get; set; }

    public MenuViewModel<string> State { get; set; }
    public TestVM()
    {
        State =new MenuViewModel<string>();
    }
}
public class MenuViewModel
{
    [BindNever]
    public IEnumerable<SelectListItem> Items { get; set; }
}

public class MenuViewModel<T> : MenuViewModel
{
    public T Value { get; set; }
}

查看：

@model dynamic

@{
    if (!(Model is MenuViewModel m))
    {
        return;
    }

    dynamic obj = new System.Dynamic.ExpandoObject();
    obj.Class = "form-control";
    if (Html.ViewData.ModelMetadata.IsRequired)
    {
        obj.Required = true;
    }
}
<form asp-action="Store">

          @*change here,And I do not find Options in your MenuViewModel,So I change it to Items*@
    @Html.DropDownList("State.Value", m.Items, Html.ViewData.ModelMetadata.Placeholder, obj)
    <input type="submit" value="post" />
</form>

控制器：

public IActionResult Index()
{
    var model = new MenuViewModel<string>()
    {
        Items = new List<SelectListItem>() {
            new SelectListItem() { Value = "-1", Text = "--- Select ---" },
            new SelectListItem() { Value = "org1", Text = "org1" },
            new SelectListItem() { Value = "org2", Text = "org2" },
            new SelectListItem() { Value = "org3", Text = "org3" }
            }
    };        
    return View(model);
}
[HttpPost, ValidateAntiForgeryToken]
public IActionResult Store(TestVM viewModel)
{
    if (ModelState.IsValid)
    {
        // do some
    }

    return View(viewModel);
}

结果：