（MVC4-Razor）post方法未捕获的模型中的模型列表

Question

我有带有这样的模型的MVC应用程序：

public class ListOfMyModel
{
    public List<MyModel> MyModels { get; set; }
    public Guid MyID { get; set; }
}

public class MyModel
{
    // Some code like :
    public string MyString { get; set; }
}

我的控制器中的post方法是这样的：

[HttpPost]
public ActionResult EditMe(ListOfModel myList)
{
    try
    {
        if (ModelState.IsValid)
        {
            List<MyModel> myModels = myList.MyModels;

            foreach (MyModel model in myModels)
                // Some code

            return RedirectToAction("Index");
        }
    catch
    {
        // Some code
        return View(myList)

    }
    return View(myList);
}

我的观点是：（我使用Kendo UI）（PS：一些代码已被剥离并由注释代码代替）

@model MyApplication.Web.Models.ListOfMyModel
@{
ViewBag.Title = MyTitle;
Layout = "~/Views/Shared/_MyLayout.cshtml";
 }

<div class="span1"></div>
<div class="span8">
    <div id="list-wrapper">
        <div class="k-content">
            <form id="form" class="form-horizontal well span8 offset2" method="post" action="@Url.Action("EditMe")">

            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.web.min.js")"></script>
            <script src="@Url.Content("~/Scripts/kendo/2013.1.514/kendo.aspnetmvc.min.js")"></script>

             <div class="offset2 span2">
                <fieldset>
                    <legend> My title </legend>
                    <p>Some code :</p>
                    @Html.HiddenFor(m => m.MyID)
                    @for (int i = 0; i < Model.MyModels.Count; i++)
                    {
                    // Some code
                    <div class="control-group">
                        <label class="control-label">MyText : </label>
                        <div class="controls">
                        @(Html.Kendo().DropDownListFor(c =>                 Model.MyModels[i].MyString)
                                        .DataTextField("Text")
                                        .DataValueField("Value")
                                        .DataSource(dataSource => dataSource 
                                            .Read(read => read.Action("GetSomeThings", "MyController"))
                                        )
                                        .Value(Model.MyModels[i].MyString)
                                    )
                         </div> 
                     </div>
                     }
                     <div class="form-actions"> 
                        <button type="submit" class="btn btn-primary">Validate</button>
                    </div> 
                 </fieldset>
              </div>
           </form>
        </div>
    </div>
 </div>

但是问题在于，当我在视图中按下“提交”按钮时，将使用所有预期的数据（在Chrome中看到）调用控制器的方法，但是在此方法中，所有模型均为null：ID和列表。 ..我不知道问题出在哪里？

谢谢大家阅读并尝试理解这一点，如果您需要更多信息，请告诉我。

Answer 1

您的现有代码应正确接收MyId 。

模型绑定器只能匹配名称具有格式匹配属性的输入的值。 也就是说，如果您有这样的输入<input name='bikes' ...>那么您的模型应具有属性Bikes以便模型绑定程序可以将值从输入传递到该属性。 在您的情况下，您要使用动态名称创建输入，而动态名称没有匹配的属性名称。 （注意：thei指的是您用作动作参数的模型）。

您可以走得最远的是，为一系列输入元素赋予相同的名称，即几个元素，例如<input name='categories' ...>并以数组参数（例如string[] categories或具有属性的模型）接收它像string[] Categories {get;set;}

简而言之，您必须重新设计模型和视图。 如果使用List<string>而不是List<MyModel> ，并且视图具有下拉列表的固定名称，例如DropDownListFor(c => Model.MyModels ，则模型绑定器将用列表填充MyModels属性每个下拉列表中选择的字符串的数量。

提示：您可以将模型用于View，并在Action中接收其他模型（或一系列参数）。 这样，您可以发送更多信息来渲染视图，并接收包含基本数据的帖子以处理用户输入。

有关替代方案，请参见我对这个问题的回答 。 它解释了与此问题类似的内容。