在 ASP.NET MVC 中，仅为视图模型的一个成员创建表单

Question

我是 ASP.NET MVC 的新手，我正在尝试创建一个页面，其中列出了许多项目，并且还包含一个用于创建新项目的小表单。 所以我创建了这个视图模型：

//The view model has the list of items as AllItems and a member variable for creating a new item.
public class IndexViewModel
{
    public List<SListItem> AllItems { get; set; }

    //SListItem contains ID, Name and price
    public SListItem NewItem { get; set; }
}

在我的 razor 文件中，我添加以下行：

@Html.EditorFor(model => model.NewItem.Name, new { htmlAttributes = new { @class = "form-control"} })

在 html 输出中，它创建一个名称设置为“NewItem.Name”而不是“Name”的文本输入

<input name="NewItem.Name" id="NewItem_Name" type="text" value="">

在控制器中，接收通过表单提交的 POST 数据

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index([Bind(Include = "ID,Name,ItemType")] ShoppingListItem item)
{
}

当我运行它时，“item”参数没有被填充，因为表单元素的名称为“NewItem.*”

我该如何克服这个问题？

提前致谢

Answer 1

您最好为NewItem 属性使用单独的模型。您可以调用@Html.Action() 将NewItem 模型的表单呈现为索引视图的子操作。

您的索引视图如下所示：

@model Your.Namespace.IndexViewModel

<div>
    <!-- your index markup -->

    <!-- call this wherever the child view should render -->
    @Html.Action("whatever_you_name_the_action")
</div>

你的“编辑”视图看起来像

@model Your.Namespace.SListItem 

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

您只需要确保从子操作返回 PartialView 而不是 View。如果您想要一个无法直接请求的“特殊”控制器操作，请使用ChildActionOnlyAttribute 标记该操作。例如：

[ChildActionOnly]
public ActionResult Edit(int? id)
{
    return PartialView("_SListItemView");
}

Answer 2

只需将 post 方法的签名更改为

HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index(IndexViewModel model)
{
   string name = model.NewItem.Name;
}

Answer 3

在您的剃须刀文件中添加以下代码 @Html.EditorFor(model => model.NewItem.Name, new { htmlAttributes = new { @class = "form-control",@Name='name'} })