asp.net-mvc – MVC发布复杂对象的列表

一个是编写具有硬编码的Id和Name的HTML
二是将您的ICollection / IEnumerable转换为数组或列表(即使用“索引”来IList),并在Controller POST Action中的BindingModel中有一个Array对象.

感谢Phil Haack(@haacked)2008年博客文章http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/
哪个仍然与默认的ModelBinder如何在MVC上工作有关.
(注意：菲尔文章中关于采样和扩展方法的链接被打破)

启发我的HTML片段：

<form method="post" action="/Home/Create">
    <input type="hidden" name="products.Index" value="cold" />
    <input type="text" name="products[cold].Name" value="Beer" />
    <input type="text" name="products[cold].Price" value="7.32" />

    <input type="hidden" name="products.Index" value="123" />
    <input type="text" name="products[123].Name" value="Chips" />
    <input type="text" name="products[123].Price" value="2.23" />

    <input type="submit" />
</form>

后阵列看起来有点像：

products.Index=cold&products[cold].Name=Beer&products[cold].Price=7.32&products.Index=123&products[123].Name=Chips&products[123].Price=2.23

模型：

public class CreditorViewModel
{
    public CreditorViewModel()
    {
        this.Claims = new HashSet<CreditorClaimViewModel>();
    }
    [Key]
    public int CreditorId { get; set; }
    public string Comments { get; set; }
    public ICollection<CreditorClaimViewModel> Claims { get; set; }
    public CreditorClaimViewModel[] ClaimsArray { 
        get { return Claims.ToArray(); }
    }
}

public class CreditorClaimViewModel
{
    [Key]
    public int CreditorClaimId { get; set; }
    public string CreditorClaimType { get; set; }
    [DisplayFormat(ApplyFormatInEditMode = true,DataFormatString = "{0:N2}")]
    public Decimal ClaimedTotalAmount { get; set; }
}

控制器GET：

public async Task<ActionResult> Edit(int id)
    {
        var testmodel = new CreditorViewModel
        {
            CreditorId = 1,Comments = "test",Claims = new HashSet<CreditorClaimViewModel>{
                new CreditorClaimViewModel{ CreditorClaimId=1,CreditorClaimType="1",ClaimedTotalAmount=0.00M},new CreditorClaimViewModel{ CreditorClaimId=2,CreditorClaimType="2",}
        };
        return View(model);
    }

Edit.cshtml：

@Html.DisplayNameFor(m => m.Comments)
@Html.EditorFor(m => m.Comments)

<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(m => Model.Claims.FirstOrDefault().CreditorClaimType)
        </th>
        <th>
            @Html.DisplayNameFor(m => Model.Claims.FirstOrDefault().ClaimedTotalAmount)
        </th>
    </tr>        
<!--Option One-->
@foreach (var item in Model.Claims)
{
    var fieldPrefix = string.Format("{0}[{1}].","Claims",item.CreditorClaimId);
    <tr>
        <td>
            @Html.DisplayFor(m => item.CreditorClaimType)
        </td>
        <td>
        @Html.TextBox(fieldPrefix + "ClaimedTotalAmount",item.ClaimedTotalAmount.ToString("F"),new
        {
            @class = "text-box single-line",data_val = "true",data_val_number = "The field ClaimedTotalAmount must be a number.",data_val_required = "The ClaimedTotalAmount field is required."
        })
        @Html.Hidden(name: "Claims.index",value: item.CreditorClaimId,htmlAttributes: null)
        @Html.Hidden(name: fieldPrefix + "CreditorClaimId",htmlAttributes: null)
        </td>
    </tr>
    }
</table>    
<!--Option Two-->
@for (var itemCnt = 0; itemCnt < Model.ClaimsArray.Count(); itemCnt++)
{
    <tr>
        <td></td>
        <td>
            @Html.TextBoxFor(m => Model.ClaimsArray[itemCnt].ClaimedTotalAmount)
            @Html.HiddenFor(m => Model.ClaimsArray[itemCnt].CreditorClaimId)
    </td></tr>
}

表单在控制器中处理：

邮政型号：

public class CreditorPostViewModel
{
    public int CreditorId { get; set; }
    public string Comments { get; set; }
    public ICollection<CreditorClaimPostViewModel> Claims { get; set; }
    public CreditorClaimPostViewModel[] ClaimsArray  { get; set; }
}

public class CreditorClaimPostViewModel
{
    public int CreditorClaimId { get; set; }
    public Decimal ClaimedTotalAmount { get; set; }
}

控制器：

[HttpPost]
    public ActionResult Edit(int id,CreditorPostViewModel creditorVm)
    {
        //...