做一个 HTTPPOST MVC2

Question

我有一个 MVC2 应用程序。在此应用程序中，我有一个与模型 NewHorseModel 竞争的强类型视图：

public class NewHorseModel
{
    public List<Category> Faehigkeit { get; set; }
}

public class Choice
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Beschreibung { get; set; }
    public bool Selected { get; set; }
}

public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Beschreibung { get; set; }
    public List<Category> Subcategories { get; set; }
    public List<Choice> Choices { get; set; }
    public int Parent { get; set; }
}

视图如下所示：

<p>
    <input faehigkeit_ID="1" id="Selected" name="Selected" type="checkbox" value="true" />
    <input name="Selected" type="hidden" value="false" />
    Mitteltrab
    <input id="Id" name="Id" type="hidden" value="1" />
</p>
<p>
    <input faehigkeit_ID="2" id="Selected" name="Selected" type="checkbox" value="true" />
    <input name="Selected" type="hidden" value="false" />
    Arbeitstrab
    <input id="Id" name="Id" type="hidden" value="2" />
</p>
<p>
    <input faehigkeit_ID="3" id="Selected" name="Selected" type="checkbox" value="true" />
    <input name="Selected" type="hidden" value="false" />
    Trab versammelt
    <input id="Id" name="Id" type="hidden" value="3" />
</p>
<p>
    <input faehigkeit_ID="11" id="Selected" name="Selected" type="checkbox" value="true" />
    <input name="Selected" type="hidden" value="false" />
    Trab
    <input id="Id" name="Id" type="hidden" value="11" />
</p>

视图的创建方式如下： 类别和子类别MVC2

现在我想做一篇文章，但如何获取数据？ 当我发表这样的帖子时：

[HttpPost]
public void myAction(NewHorseModel newHorseModel)
{
    // ...
}

NewHorseModel 中的 Faehigkeit 为 null

这是我的 ASPX 代码：

<div id="Div2">
    <%
    foreach (Category item2 in Model.Faehigkeit)
    {
        Html.RenderPartial("Faehigkeit", item2);
    }
    %>
</div>

部分视图类别（强类型模型类别）：

<%
if (Model.Choices != null)
{
    foreach (var item in Model.Choices)
    { 
        Html.RenderPartial("Choice", item);
    }
}
if (Model.Subcategories != null)
{
    foreach (var item in Model.Subcategories)
    {
        Html.RenderPartial("Faehigkeit", item);
    }
}
%>

以及部分视图选择（强类型模型选择）

<p>
    <%: Html.CheckBoxFor(m => m.Selected, new { faehigkeit_ID = Model.Id }) %>
    <%: Model.Name %>
    <%: Html.HiddenFor(u=>u.Id) %>
</p>

更新 下一个测试： 在 Faehigkeit.ascx 部分中，我添加了以下代码：

     <input type="hidden"  name="Faehigkeit[<%=Model.Id%>].Id" value="<%=Model.Id%>" />
<input type="hidden" name="Faehigkeit[<%=Model.Id%>].Name" value="<%: Model.Name%>" />

在 Choices.ascx 部分中，我添加了以下代码：

<input type="checkbox" name="Faehigkeit[0].Choices[<%=Model.Id%>].Selected" />

我不需要知道哪个选择属于哪个类别。我必须知道哪个选择 ID 被检查，哪个没有检查。

HTML 输出如下所示：

  <input type="hidden"  name="Faehigkeit[1].Id" value="1" />
<input type="hidden" name="Faehigkeit[1].Name" value="Qualit&#228;t der Gangarten" />
<input type="hidden" name="Faehigkeit[1].Choices[4].Id" value="4" />
<input type="checkbox" name="Faehigkeit[1].Choices[4].Selected" />

我的控制器如下所示： [HttpPost]

public ActionResult CreateNewHorse(NewHorseModel collection)
    {
        if (User.Identity.IsAuthenticated)
        {


            return View();
        }
        else
        {
            return View("Account/LogOn");
        }

    }

如果我尝试获取“Faehigkeit”的值 -> “选择”一切都是空（“Faehigkeit”的名称，“Faehigkeit”的ID，并且没有选择 显示调试期间 NewHorseModel 内容的图像： https://i.sstatic.net/6yLZW.png

非常感谢！

Answer 1

我写了 2 篇博客文章，将解决您的问题：

1. 解释了如何将 IList 发布到控制器操作此处 将从头到尾指导您，以便您了解它实际上是如何进行的作品和为什么。

2. 由于您可能在客户端有复杂的 JSON 对象，并且希望它们在您的操作方法中在服务器上进行模型绑定（如您的情况），这篇文章 可能也是一篇有趣的读物。它解释了发送复杂 JSON 对象的问题，并提供了一个简单的 jQuery 插件，该插件将客户端对象转换为一种可以轻松将数据绑定到强类型操作方法参数的形式。

注意： 正如 Phil Haack 所解释的那样，也可以使用 JsonValueProviderFactory，但该解决方案需要在客户端和服务器端进行更改（因为您正在使用 MVC2）。

根据您的代码，

您只提供了代码的某些部分（以及一些并不真正相关的代码，但无论如何），我将对您的案例进行观察。

您希望在服务器上绑定模型的所有输入字段都需要具有正确的名称。从呈现的复选框名称我们可以看到事实并非如此。

根据您的模型，您的输入应命名为（不必介意输入类型，因为只有您知道应呈现哪些输入以及应呈现哪种类型）：

<!-- erste fähigkeit -->
<input name="Faehigkeit[0].Id" />
<input name="Faehigkeit[0].Name" />
<input name="Faehigkeit[0].Beschreibung" />
<input name="Faehigkeit[0].Subcategories[0].Id" />
<input name="Faehigkeit[0].Subcategories[0].Name" />
...
<input name="Faehigkeit[0].Choices[0].Id" />
<input name="Faehigkeit[0].Choices[0].Name" />
<input name="Faehigkeit[0].Choices[0].Beschreibung" />
<input name="Faehigkeit[0].Choices[0].Selected" />
...
<input name="Faehigkeit[0].Choices[x].Id" /> <!-- "x" could be any number -->
...
<input name="Faehigkeit[0].Parent" />
<!-- zwite fähigkeit -->
<input name="Faehigkeit[1].Id" />
...
<!-- usw. -->

基于此复杂的分层模型，此表单可能会很大。您可能不希望发送所有属性，因为您只需要一些相关的属性。但最主要的是输入命名应该如所描述的那样。

极其重要：我应该指出索引（即Faehigkeit[0]）不应该与 ID 相关，而是数组/列表项索引。它们应该是连续的，因此它们应该始终从 0 开始，并且应该加 1 到最后一个 N，因此应该没有任何间隙。相信我，我在写博客文章时已经测试过这一点。否则服务器上的模型绑定将会失败。确保您通过此要求！根据您编辑的问题，情况并非如此，因为您输入的是 ID 而不是索引。

如果您将数据作为 JSON 传输到客户端，则客户端上会有一个对象，如下所示：

var data = {
    Faehigkeit: [
        {
            Id: 1,
            Name: "Some name",
            Beschreibung: "Some description",
            Subcategories: [
                { ... },
                { ... },
                ...
            ],
            Choices: [
                { ... },
                { ... },
                ...
            ]
        },
        { ... },
        ...
    ]
};

如果您的客户端视图直接操作该对象，您可以随后通过 jQuery Ajax 调用将其发送回服务器即：

$.ajax({
    type: "POST",
    url: "someController/myAction",
    data: $.toDictionary(data), // this is my jQuery plugin mentioned earlier
    success: function() { ... },
    error: function() { ... }
});

所以选择是你的，但无论哪种情况，字段名称都应该正确，否则你的模型将不会绑定到你的参数，你将无法使用它。

您可以尝试使用 <%= Html.EditorFor(m => m); %> 但这可能不是您想要使用的形式。在这种情况下，必须使用手动输入命名。或者您也可以编写一些自定义代码。

其中一种方法是将部分视图模式类型更改为例如 Tuple。 String 会告诉它什么 string 应该预先添加到您的字段名称中。

Html.RenderPartial("Faehigkeit", Tuple.New("Faehigkeit[0]", item2));

然后，当您继续进行时，应始终添加以前的数据，以便您的子类别列表及其相关子对象将具有正确的输入表单名称。

不太好，但我想这是唯一的方法。

Answer 2

通常，如果您将 HttpPost 作为操作的属性，则类似于：

[HttpPost]
public void myAction(NewHorseModel newHorseModel)
{;}

然后将类类型作为您的参数，它应该为您自动绑定它，如果您需要做任何疯狂的事情，或者从外部非 ASP 页面发布到此操作，您可以仅使用 FormCollection（我认为）作为您的参数，这是一个包含所有元素和值的美化字典。