asp.net MVC 3 - 模型绑定器和隐藏字段

Question

>我有一个简化的测试场景，可用于提出这个问题：一个产品可以有许多组件，一个组件可以属于许多产品。 EF 生成了类，我按如下方式精简了它们：

public partial class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
    public virtual ICollection<Component> Components { get; set; }
}
public partial class Component
{
    public int Id { get; set; }
    public string Name { get; set; }
    public virtual ICollection<Product> Products { get; set; }
}

组件的创建通过以下控制器操作完成：

public ActionResult Create(int ProductId)
{
    Product p = db.Products.Find(ProductId);
    Component c = new Component();
    c.Products.Add(p);
    return PartialView(c);
} 
[HttpPost]
public ActionResult Create(Component model)
{
    db.Components.Add(model);
    db.SaveChanges();
}

GET方法返回的视图如下所示：

@model Test.Models.Product
<fieldset>
    <legend>Product</legend>
    <div class="display-label">Name</div>
    <div class="display-field">@Model.Name</div>
</fieldset>
@Html.Action("Create", "Component", new {ProductId = Model.Id}) 
<p>
    @Html.ActionLink("Edit", "Edit", new { id=Model.Id }) |
    @Html.ActionLink("Back to List", "Index")
</p>

从中可以看出，组件创建是通过上述Html.Action在同一页面上处理的 - 该视图的代码如下：

@model Test.Models.Component
@using Test.Models
<script type="text/javascript">
    function Success() {
        alert('ok');
    }
    function Failure() {
        alert('err');
    }
</script>
@using (Ajax.BeginForm("Create", "Component", new AjaxOptions
{
    HttpMethod = "Post",
    OnSuccess = "Success",
    OnFailure = "Failure"
}))
{
    <fieldset>
        <legend>Components</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
        @Html.HiddenFor(x => x.Products.First().Id)
        @Html.HiddenFor(x => x.Products)
        @foreach (Product p in Model.Products)
        {
            @Html.Hidden("Products[0].Id", p.Id)
        }
        @foreach (Product p in Model.Products)
        {
            @Html.Hidden("[0].Id", p.Id)
        }
    </fieldset>
    <input type="submit" value="go" />
}

还行。 所以这就是我正在努力解决的问题：我需要 [HttpPost]back 的 model 参数才能正确填充，即它应该包含一个产品，因为我无法使用空产品创建新组件。 要获得产品，我需要通过产品的ID进行查找。 我希望我应该能够做到：

model.Products.Add(db.Products.Find(model.Products.First().Id));

或者一些类似的东西，它依赖于model接收 ID。 这意味着视图必须将 id 放在那里，大概放在一个隐藏字段中，从我的视图代码中可以看出，我已经多次尝试填充它，但都失败了。

通常我更喜欢 *For 方法，因为它们负责生成正确的命名法。 如果。产品是单数（.产品），我可以将其引用为 x => x.Product.Id，一切都会好起来的，但由于它是复数，我不能做x => x.Products.Id所以我尝试x => x.Products.First().Id编译并产生正确的值，但得到名称Id（这是错误的，因为模型绑定器认为它是Component.Id而不是Component.Products[0].Id。

我的第二次尝试是让HiddenFor迭代（就像我对EditorFor一样）：

@Html.HiddenFor(x => x.Products)

但这什么也没产生 - 我读过这个帮助程序不会迭代。 我尝试了x => x.Products.First()但这甚至无法编译。 最后，我决定放弃 *For 并自己编码名称：

@foreach (Product p in Model.Products)
{
    @Html.Hidden("Products[0].Id", p.Id)

虽然看起来正确，但回发看不到我的值 （ Products.Count == 0）。 我在某些帖子中看到该格式应该看起来像[0].Id但这也不起作用。咔嚓...

我收集我可以像这样编码：

@Html.Hidden("ProductId", p.Id)

然后像这样重新声明我的控制器操作：

[HttpPost] ActionResult Create(Component model, int ProductId)

但这似乎很奇怪。 很难相信这如此困难。 谁能帮忙？

• e

附言我有一个项目，如果有人关心，我可以下载

Answer 1

与其编写这些foreach循环，不如尝试使用编辑器模板：

<fieldset>
    <legend>Components</legend>
    <div class="editor-label">
        @Html.LabelFor(model => model.Name)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Name)
        @Html.ValidationMessageFor(model => model.Name)
    </div>
    @Html.EditorFor(x => x.Products)
</fieldset>

并在相应的编辑器模板中（~/Views/Shared/EditorTemplates/Product.cshtml

）

@model Product
@Html.HiddenFor(x => x.Id)