使用EditorFor（model []）时传回单个对象

Question

This has been a thorn in my side for a while. If I use EditorFor on an array of objects and the editor Template has a form in it ex.

public class FooController:Controller {

    public ActionResult Action(Foo foo) {
        // ...
    }
}

Index.cshtml

@model IEnumerable<Foo>
@Html.EditorFor(m=> m)

EditorTemplate

@model Foo
@using (Html.BeginForm("action", "controller"))
{
    @Html.TextBoxFor(f=> f.A)
    @Html.CheckBoxFor(f=> f.B)
    @Html.LabelFor(f=> f.B)
}

So I'll hit a few problems.

The checkbox label's for doesn't bind correctly to the checkbox (This has to do with the label not receiving the proper name of the property ( [0].A as opposed to A ).

I'm aware I can get rid of the pre- text by doing a foreach on the model in Index but that screws up ids and naming as the framework doesnt realize there are multiples of the same item and give them the same names.

For the checkboxes I've just been doing it manually as such.

@Html.CheckBoxFor(m => m.A, new {id= Html.NameFor(m => m.A)})
<label for="@Html.NameFor(m => m.A)">A</label>

However I cant solve the inability of the controller to accept the item as a single model. I've even tried allowing an array of Foo's in the Action parameters but that only work when its the first item being edited ( [0]... ) if its any other item in the array (ex. [1].A ) the controller doesn't know how to parse it. Any help would be appreciated.

Answer 1

Make your model a class with the properties you need. create a class in your Models subfolder

public class MyModel { 
public IEnumerable<Foo> Foolist { get ; set;} 
public string Something { get;set;}
}

your EditorFor will have to have a foreach loop for Foolist... MVC will attempt to put your model together from the form and return it to your POST action in the controller.

Edit:

You could create an EditorTemplate for foo. In Views/Shared/EditorTemplates folder, create FooTemplate.cs

@model Foo
<div class="span6 float-left" style="margin-bottom: 6px">
    @Html.TextBoxFor(m => m.A, new { style = "width:190px" })
    @Html.CheckBoxFor(m => m.B, new { style = "width:40px" })
    @Html.ValidationMessage("foo", null, new { @class = "help-inline" })
</div>

then in your view

@foreach (var myFoo in Model)
    {
      @EditorFor(myFoo)
    }

This still suffers from the "model gets passed back as a whole" requiredment of yours. Not sure about why there is a need to process these individually.

Answer 2

Hah finally solved this - Here's how I did it. As a bit of background HTML forms use the name attribute when submitting forms, but the label for element uses Id . so I only adapt the id tag to have the prefix and not the name tag.

--In the cshtml file

@{
  var prefix = ViewData.TemplateInfo.HtmlFieldPrefix;
  ViewData.TemplateInfo.HtmlFieldPrefix = "";
}

then I can specify the id for the properties by their prefix while letting the name remain the same like so

  @Html.CheckBoxFor(m => m.A, 
                    new {id = prefix+"."+ Html.NameFor(m => m.A)}) 
 <label for="@prefix.@Html.NameFor(m => m.A)">A!</label></div>