@ Html.HiddenFor ไม่ทำงานกับ Lists ใน ASP.NET MVC

ฉันกำลังใช้โมเดลที่มีรายการเป็นคุณสมบัติ ฉันกำลังเติมข้อมูลรายการนี้ด้วยรายการที่ฉันคว้าจาก SQL Server ฉันต้องการให้รายการซ่อนอยู่ในมุมมองและส่งต่อไปยังการดำเนินการ POST ในภายหลังฉันอาจต้องการเพิ่มรายการเพิ่มเติมในรายการนี้ด้วย jQuery ซึ่งทำให้อาร์เรย์ไม่เหมาะสำหรับการขยายในภายหลัง โดยปกติคุณจะใช้

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

เพื่อให้ฟังก์ชันนี้สำเร็จ แต่ด้วยเหตุผลบางประการรายการใน POST จึงเป็นโมฆะเสมอ

คำถามง่ายๆใคร ๆ ก็รู้ว่าทำไม MVC ถึงทำตัวแบบนี้?

ฉันเพิ่งเจอปัญหานี้และแก้ไขได้ง่ายๆโดยทำสิ่งต่อไปนี้:

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

การใช้ a for แทน foreach การผูกโมเดลจะทำงานได้อย่างถูกต้องและรับค่าที่ซ่อนอยู่ทั้งหมดของคุณในรายการ ดูเหมือนวิธีที่ง่ายที่สุดในการแก้ปัญหานี้

HiddenFor ไม่เหมือน DisplayFor หรือ EditorFor จะใช้ไม่ได้กับคอลเล็กชันเพียงค่าเดียว

คุณสามารถใช้ตัวช่วย Serialize HTML ที่มีอยู่ในโครงการ MVC Futures เพื่อทำให้วัตถุเป็นอนุกรมไปยังช่องที่ซ่อนอยู่หรือคุณจะต้องเขียนโค้ดด้วยตัวเอง ทางออกที่ดีกว่าคือเพียงแค่ทำให้ ID ของการเรียงลำดับบางอย่างเป็นอนุกรมและรับข้อมูลอีกครั้งจากฐานข้อมูลในภายหลัง

มันเป็นการแฮ็กเล็กน้อย แต่ถ้า@Html.EditorForหรือใช้@Html.DisplayForงานได้กับรายการของคุณหากคุณต้องการตรวจสอบให้แน่ใจว่ามีการส่งคำขอโพสต์ แต่ไม่สามารถมองเห็นได้คุณสามารถจัดสไตล์ให้ใช้display: none;เพื่อซ่อนมันแทนเช่น:

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

สิ่งที่เกี่ยวกับการใช้ 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);

Html.HiddenForออกแบบมาสำหรับค่าเดียวเท่านั้น คุณจะต้องทำให้รายการของคุณเป็นลำดับก่อนที่จะสร้างฟิลด์ที่ซ่อนอยู่

ตัวอย่างเช่นหากรายการของคุณเป็นสตริงประเภทคุณสามารถรวมรายการเป็นรายการที่คั่นด้วยจุลภาคจากนั้นแยกรายการหลังจากโพสต์กลับในคอนโทรลเลอร์ของคุณ

ฉันเพิ่งค้นพบ (หลังจากสองสามชั่วโมงในการพยายามหาสาเหตุว่าทำไมค่าโมเดลจึงไม่กลับไปที่คอนโทรลเลอร์) ที่ซ่อนไว้ควรเป็นไปตาม EditorFor

เว้นแต่ฉันจะทำสิ่งอื่นผิดนี่คือสิ่งที่ฉันพบ ฉันจะไม่ทำผิดอีก

ในบริบทของ Model ที่มีรายการของคลาสอื่น

สิ่งนี้จะไม่ทำงาน:

        @{
            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ไม่สามารถแปลงเป็นประเภทได้โดยปริยายstringดังนั้นเฟรมเวิร์กจึงถือว่าModelค่าของคุณเป็นnullและแสดงvalueแอตทริบิวต์ว่างเปล่า

คุณสามารถดูโซลูชันนี้

ใส่เฉพาะ HiddenFor ภายใน EditorTemplate

และในมุมมองของคุณใส่สิ่งนี้: @Html.EditorFor(model => model.MyList)

มันควรจะทำงาน

ประสบปัญหาเดียวกัน หากไม่มีการวนซ้ำจะโพสต์เฉพาะองค์ประกอบแรกของรายการ หลังจากวนซ้ำไปซ้ำมามันสามารถเก็บรายชื่อทั้งหมดและโพสต์ได้สำเร็จ

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

อีกวิธีหนึ่งที่เป็นไปได้ในการแก้ไขปัญหานี้คือให้แต่ละอ็อบเจ็กต์ใน List ของคุณมี ID จากนั้นใช้@Html.DropDownListFor(model => model.IDs)และเติมข้อมูลอาร์เรย์ที่เก็บ 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)