@Html.HiddenFor 不适用于 ASP.NET MVC 中的列表

Question

我正在使用包含列表作为属性的模型。我用从 SQL Server 获取的项目填充此列表。我希望列表隐藏在视图中并传递给 POST 操作。稍后我可能想使用 jQuery 将更多项目添加到此列表中，这使得数组不适合稍后扩展。通常您会使用它

@Html.HiddenFor(model => model.MyList)

来完成此功能，但由于某种原因，POST 中的列表始终为空。

很简单的问题，有人知道为什么 MVC 会这样吗？

Answer 1

我刚刚遇到这个问题，并通过执行以下操作简单地解决了它：

@for(int i = 0; i < Model.ToGroups.Count; i++)
{
    @Html.HiddenFor(model => Model.ToGroups[i])
}

通过使用 for 而不是 foreach 模型绑定将正常工作并拾取所有您在列表中的隐藏值。似乎是解决这个问题的最简单的方法。

Answer 2

HiddenFor 与 DisplayFor 或 EditorFor 不同。它不适用于集合，仅适用于单个值。

您可以使用 MVC Futures 项目中提供的序列化 HTML 帮助程序将对象序列化到隐藏字段，否则您必须自己编写代码。更好的解决方案是简单地序列化某种 ID，并在回发时从数据库重新获取数据。

Answer 3

这有点像黑客，但如果 @Html.EditorFor 或 @Html.DisplayFor 适用于您的列表，如果您想确保它在发布请求中发送，但不可见，您可以将其样式设置为使用 display: none; 来隐藏它，例如：

<div style="display: none;">@Html.EditorFor(model => model.MyList)</div>

Answer 4

怎么样使用 Newtonsoft 将对象反序列化为 json 字符串，然后将其插入到您的隐藏字段中，例如
（Model.DataResponse.Entity.Commission 是简单 "CommissionRange" 对象的列表，如您在 JSON 中看到的那样）

@using (Ajax.BeginForm("Settings", "AffiliateProgram", Model.DataResponse, new AjaxOptions { UpdateTargetId = "result" }))
   {
      string commissionJson = JsonConvert.SerializeObject(Model.DataResponse.Entity.Commission);
      @Html.HiddenFor(data => data.DataResponse.Entity.Guid)
      @Html.Hidden("DataResponse_Entity_Commission", commissionJson)
      [Rest of my form]
   }

呈现为：

<input id="DataResponse_Entity_Commission" name="DataResponse_Entity_Commission" type="hidden" value="[{"RangeStart":0,"RangeEnd":0,"CommissionPercent":2.00000},{"RangeStart":1,"RangeEnd":2,"CommissionPercent":3.00000},{"RangeStart":2,"RangeEnd":0,"CommissionPercent":2.00000},{"RangeStart":3,"RangeEnd":2,"CommissionPercent":1.00000},{"RangeStart":15,"RangeEnd":10,"CommissionPercent":5.00000}]">

就我而言，我在回发之前做了一些 JS 操作来编辑隐藏字段中的 json，

然后在我的控制器中再次使用 Newtonsoft 进行反序列化：

string jsonCommissionRange = Request.Form["DataResponse_Entity_Commission"];
List<CommissionRange> commissionRange = JsonConvert.DeserializeObject<List<CommissionRange>>(jsonCommissionRange);

Answer 5

Html.HiddenFor 仅为一个值而设计。在创建隐藏字段之前，您需要以某种方式序列化列表。

例如，如果您的列表是字符串类型，您可以将列表连接到逗号分隔的列表中，然后在发回控制器后拆分列表。

Answer 6

我刚刚发现（经过几个小时试图弄清楚为什么模型值没有返回到控制器）隐藏的 for 应该遵循 EditorFor。

除非我做错了什么，这就是我发现的。我不会再犯同样的错误了。

在包含另一个类的列表的模型的上下文中。

这行不通：

        @{
            for (int i = 0; i < Model.Categories.Count; i++)
            {
                <tr>
                    <td>
                        @Html.HiddenFor(modelItem => Model.Categories[i].Id)
                        @Html.HiddenFor(modelItem => Model.Categories[i].ProductCategoryId)
                        @Html.HiddenFor(modelItem => Model.Categories[i].CategoryName)                            
                        @Html.DisplayFor(modelItem => Model.Categories[i].CategoryName)                            
                    </td>
                    <td>
                        @Html.HiddenFor(modelItem => Model.Categories[i].DailyPurchaseLimit)                                                        
                        @Html.EditorFor(modelItem => Model.Categories[i].DailyPurchaseLimit)
                        @Html.ValidationMessageFor(modelItem => Model.Categories[i].DailyPurchaseLimit)
                    </td>
                    <td style="text-align: center">
                        @Html.HiddenFor(modelItem => Model.Categories[i].IsSelected)                            
                        @Html.EditorFor(modelItem => Model.Categories[i].IsSelected)
                    </td>
                </tr>
            }
        }

这会行不通……

            for (int i = 0; i < Model.Categories.Count; i++)
            {
                <tr>
                    <td>
                        @Html.HiddenFor(modelItem => Model.Categories[i].Id)
                        @Html.HiddenFor(modelItem => Model.Categories[i].ProductCategoryId)
                        @Html.HiddenFor(modelItem => Model.Categories[i].CategoryName)                            
                        @Html.DisplayFor(modelItem => Model.Categories[i].CategoryName)                            
                    </td>
                    <td>
                        @Html.EditorFor(modelItem => Model.Categories[i].DailyPurchaseLimit)
                        @Html.HiddenFor(modelItem => Model.Categories[i].DailyPurchaseLimit)                            
                        @Html.ValidationMessageFor(modelItem => Model.Categories[i].DailyPurchaseLimit)
                    </td>
                    <td style="text-align: center">
                        @Html.EditorFor(modelItem => Model.Categories[i].IsSelected)
                        @Html.HiddenFor(modelItem => Model.Categories[i].IsSelected)                            
                    </td>
                </tr>
            }

Answer 7

我开始深入研究 HiddenFor 的源代码，我认为您看到的障碍是您的复杂对象 MyList 不能隐式转换为 string< 类型/code>，因此框架将您的 Model 值视为 null 并将 value 属性呈现为空。

Answer 8

您可以查看这个解决方案。

仅将 HiddenFor 放入 EditorTemplate 中。

在你的视图中输入： @Html.EditorFor(model => model.MyList)

它应该可以工作。

Answer 9

面临同样的问题。如果没有 for 循环，它只发布列表的第一个元素。迭代for循环后，它可以保留完整列表并成功发布。

 @if (Model.MyList!= null)
    {
    for (int i = 0; i < Model.MyList.Count; i++)
      {
        @Html.HiddenFor(x => x.MyList[i])
      }
    }

Answer 10

另一种选择是：

<input type="hidden" value=@(string.Join(",", Model.MyList)) />

Answer 11

使用 foreach 循环代替 for 循环可能是一个稍微简洁的解决方案。

@foreach(var item in Model.ToGroups)
{
    @Html.HiddenFor(model => item)
}

Answer 12

解决此问题的另一种可能方法是为列表中的每个对象提供一个 ID，然后使用 @Html.DropDownListFor(model => model.IDs) 并填充一个保存 ID 的数组。

Answer 13

也许晚了，但我为集合中的隐藏字段创建了扩展方法（使用简单的数据类型项）：

所以这里是：

/// <summary>
/// Returns an HTML hidden input element for each item in the object's property (collection) that is represented by the specified expression.
/// </summary>
public static IHtmlString HiddenForCollection<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression) where TProperty : ICollection
{
    var model = html.ViewData.Model;
    var property = model != null
                ? expression.Compile().Invoke(model)
                : default(TProperty);

    var result = new StringBuilder();
    if (property != null && property.Count > 0)
    {
        for(int i = 0; i < property.Count; i++)
        {
            var modelExp = expression.Parameters.First();
            var propertyExp = expression.Body;
            var itemExp = Expression.ArrayIndex(propertyExp, Expression.Constant(i));

            var itemExpression = Expression.Lambda<Func<TModel, object>>(itemExp, modelExp);

            result.AppendLine(html.HiddenFor(itemExpression).ToString());
        }
    }

    return new MvcHtmlString(result.ToString());
}

用法很简单：

@Html.HiddenForCollection(m => m.MyList)

Answer 14

添加到 这个答案，我有一个具有各种属性的模型，其中一些是 IEnumerables。我所做的是将其序列化到视图中的变量中：

@{
    var serializedObject = JsonSerializer.Serialize(Model);
}

然后，将该字符串放入隐藏元素中（因为 HiddenFor 用于模型中的单个值），如下所示：

@Html.Hidden("serialized", @serializedObject)

最后，在控制器中，我可以反序列化它

JsonSerializer.Deserialize<MyType>(Request.Form["serialized"])