@ Html.HiddenFor tidak bekerja pada Daftar di ASP.NET MVC

Saya menggunakan model yang berisi List sebagai properti. Saya mengisi daftar ini dengan item yang saya ambil dari SQL Server. Saya ingin List disembunyikan dalam tampilan dan diteruskan ke tindakan POST. Nanti saya mungkin ingin menambahkan lebih banyak item ke Daftar ini dengan jQuery yang membuat array tidak cocok untuk ekspansi nanti. Biasanya Anda akan menggunakan

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

untuk mencapai fungsi ini, tetapi untuk beberapa alasan List di POST selalu null.

Pertanyaan yang sangat sederhana, ada yang tahu kenapa MVC berperilaku seperti ini?

Saya baru saja menemukan masalah ini dan menyelesaikannya hanya dengan melakukan hal berikut:

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

Dengan menggunakan for dan bukan foreach, pengikatan model akan bekerja dengan benar dan mengambil semua nilai tersembunyi Anda dalam daftar. Sepertinya cara termudah untuk mengatasi masalah ini.

HiddenFor tidak seperti DisplayFor atau EditorFor. Itu tidak akan bekerja dengan koleksi, hanya nilai tunggal.

Anda dapat menggunakan helper Serialize HTML yang tersedia di proyek MVC Futures untuk membuat serial objek ke bidang Tersembunyi, atau Anda harus menulis kodenya sendiri. Solusi yang lebih baik adalah dengan membuat serialisasi ID dan mendapatkan kembali data dari database di postback.

Ini sedikit meretas, tetapi jika @Html.EditorForatau @Html.DisplayForberfungsi untuk daftar Anda, jika Anda ingin memastikannya dikirim pada permintaan posting tetapi tidak terlihat, Anda bisa menatanya menggunakan display: none;untuk menyembunyikannya, misalnya:

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

Bagaimana dengan menggunakan Newtonsoft untuk deserialisasi objek menjadi string json dan kemudian memasukkannya ke dalam bidang Tersembunyi Anda misalnya ( Model.DataResponse.Entity.Commission adalah Daftar objek "CommissionRange" sederhana seperti yang akan Anda lihat di 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]
   }

Ditampilkan sebagai:

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

Dalam kasus saya, saya melakukan beberapa hal JS untuk mengedit json di bidang tersembunyi sebelum memposting kembali

Di pengontrol saya, saya kemudian menggunakan Newtonsoft lagi untuk deserialize:

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

Html.HiddenFordirancang hanya untuk satu nilai. Anda perlu menyusun daftar Anda dengan cara tertentu sebelum membuat bidang tersembunyi.

Misalnya, jika daftar Anda berjenis string, Anda dapat menggabungkan daftar tersebut menjadi daftar yang dipisahkan koma, kemudian memisahkan daftar setelah posting kembali di pengontrol Anda.

Saya baru saja menemukan (setelah beberapa jam mencoba mencari tahu mengapa nilai model tidak kembali ke pengontrol) yang disembunyikan untuk harus mengikuti EditorFor.

Kecuali saya melakukan kesalahan lain, inilah yang saya temukan. Saya tidak akan membuat kesalahan lagi.

Dalam konteks Model yang berisi daftar kelas lain.

Ini TIDAK akan berhasil:

        @{
            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>
            }
        }

Dimana ini AKAN ......

            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>
            }

Saya mulai menggali kode sumber untuk HiddenFor, dan saya pikir penghalang yang Anda lihat adalah bahwa objek kompleks Anda MyListtidak secara implisit dapat diubah menjadi tipe string, jadi kerangka kerja memperlakukan Modelnilai Anda sebagai nulldan membuat valueatribut kosong.

Anda dapat melihat solusi ini .

Letakkan hanya HiddenFor di dalam EditorTemplate.

Dan dalam Pandangan Anda, tulis ini: @Html.EditorFor(model => model.MyList)

Ini harus berhasil.

Menghadapi masalah yang sama. Tanpa for loop, itu hanya memposting elemen pertama dari daftar. Setelah melakukan iterasi melalui for loop, itu dapat menyimpan daftar lengkap dan memposting dengan sukses.

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

Pilihan lainnya adalah:

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

The foreachLoop bukannya forlingkaran mungkin menjadi solusi sedikit lebih bersih.

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

Cara lain yang mungkin untuk memperbaikinya adalah dengan memberi setiap objek dalam Daftar Anda sebuah ID, lalu menggunakan @Html.DropDownListFor(model => model.IDs)dan mengisi larik yang menyimpan ID tersebut.

mungkin terlambat, tetapi saya membuat metode ekstensi untuk bidang tersembunyi dari koleksi (dengan item tipe data sederhana):

Jadi begini:

/// <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());
}

Penggunaannya sesederhana:

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