@ Html.HiddenForがASP.NET MVCのリストで機能しない

プロパティとしてリストを含むモデルを使用しています。このリストにSQL Serverから取得したアイテムを入力しています。リストをビューで非表示にして、POSTアクションに渡します。後で、jQueryを使用してこのリストにさらに項目を追加したい場合があります。これにより、配列が後で拡張するのに適さなくなります。通常は使用します

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

この機能を実現するためですが、何らかの理由でPOSTのリストは常にnullです。

非常に単純な質問ですが、MVCがこのように動作する理由を誰かが知っていますか？

私はこの問題に遭遇し、次のことを行うだけで解決しました：

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

foreachの代わりにforを使用すると、モデルバインディングが正しく機能し、リスト内のすべての非表示の値を取得します。この問題を解決する最も簡単な方法のようです。

HiddenForはDisplayForやEditorForとは異なります。コレクションでは機能せず、単一の値でのみ機能します。

MVC Futuresプロジェクトで利用可能なSerialize HTMLヘルパーを使用して、オブジェクトを非表示フィールドにシリアル化するか、自分でコードを記述する必要があります。より良い解決策は、ある種のIDを単純にシリアル化し、ポストバック時にデータベースからデータを再取得することです。

これは、ハッキングのビットだが、場合@Html.EditorForや@Html.DisplayFor、あなたが確認する場合は、作業リストのために、それはあなたが使用して、それを単にスタイルを可能性がPOSTリクエストで送信されますが表示されていないdisplay: none;、代わりに、例えばそれを非表示にします：

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

Newtonsoftを使用してオブジェクトをjson文字列に逆シリアル化し、それを非表示フィールドに挿入するのはどうですか（例：Model.DataResponse.Entity.Commissionは、JSONに表示される単純な"CommissionRange"オブジェクトのリストです）

@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}]">

私の場合、投稿する前に非表示フィールドのjsonを編集するためにJSを行います

次に、コントローラーでNewtonsoftを再度使用して、逆シリアル化します。

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

Html.HiddenForは1つの値のみを対象に設計されています。非表示フィールドを作成する前に、何らかの方法でリストをシリアル化する必要があります。

たとえば、リストのタイプが文字列の場合、リストをカンマ区切りのリストに結合し、コントローラにポストバックした後にリストを分割できます。

私は（モデル値がコントローラーに戻されなかった理由を理解しようとする数時間後に）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>
            }

のソースコードの調査を開始しましたHiddenForが、複雑なオブジェクトMyListは暗黙的にtype stringに変換できないため、フレームワークはModel値をとして扱いnull、value属性を空にレンダリングしていると思います。

このソリューションをご覧ください。

EditorTemplate内にHiddenForのみを配置します。

そしてあなたのビューにこれを入れてください： @Html.EditorFor(model => model.MyList)

うまくいくはずです。

同じ問題に直面しました。forループがなければ、リストの最初の要素のみをポストしました。forループを繰り返した後、完全なリストを保持し、正常に投稿できます。

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

別のオプションは次のとおりです。

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

foreach代わりのループforループは少しクリーナー解決策になるかもしれません。

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

これを修正するもう1つの方法は、リスト内の各オブジェクトに@Html.DropDownListFor(model => model.IDs)IDを指定し、IDを保持する配列を使用してデータを設定することです。

多分遅いですが、コレクションから非表示フィールドの拡張メソッドを作成しました（単純なデータ型の項目を使用）：

だからここにあります：

/// <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)