내 MVC 양식이 개체 목록을 게시하지 못해 컨트롤러에 null 목록이 나타나는 이유는 무엇입니까?

MVC 양식은 개체 목록을 제출할 수 없습니다

MVC 애플리케이션에서 사용자에게 문제가 발생했습니다. 개체 목록이 포함된 양식이 컨트롤러에 데이터를 제출할 수 없어 빈 목록이 전달되는 문제였습니다. 양식은 루프와 부분 보기를 사용하여 항목을 렌더링하지만 제출 시 컨트롤러는 빈 열거형을 받습니다.

문제 분석

데이터가 올바르게 제출되지 않은 이유를 이해하려면 제공된 코드를 살펴보겠습니다.

부모님 보기:

<code class="language-csharp">@foreach (var planVM in Model)
{
    @Html.Partial("_partialView", planVM)
}</code>

부분 보기(_partialView):

<code class="language-csharp">@Html.HiddenFor(p => p.PlanID)
@Html.HiddenFor(p => p.CurrentPlan)
@Html.CheckBoxFor(p => p.ShouldCompare)</code>

PlanCompareViewModel 클래스:

<code class="language-csharp">public class PlansCompareViewModel
{
    public int PlanID { get; set; }
    public Plan CurrentPlan { get; set; }
    public bool ShouldCompare { get; set; }
}</code>

솔루션

문제의 근본 원인은 양식 요소의 이름을 지정하는 방식에 있습니다. 인덱스가 없으면 모델 바인더는 목록의 요소를 구별할 수 없습니다. 이 문제를 해결하려면 양식 요소 이름에 올바른 색인을 할당해야 합니다.

개선된 부분 보기(_partialView):

<code class="language-csharp">@for (int i = 0; i < Model.Count(); i++)
{
    @Html.HiddenFor(p => p[i].PlanID)
    @Html.HiddenFor(p => p[i].CurrentPlan)
    @Html.CheckBoxFor(p => p[i].ShouldCompare)
}</code>

이 수정을 통해 모델 바인더는 개별 데이터 요소를 올바른 목록 항목과 연결할 수 있습니다.

편집기 템플릿을 사용하여 양식 생성 개선

보다 간결하고 효율적으로 작성하려면 편집기 템플릿을 사용하는 것이 좋습니다. EditorTemplates 폴더에 PlanCompareViewModel.cshtml을 생성하면 보기의 일부를 다음 콘텐츠로 바꿀 수 있습니다.

<code class="language-csharp"><div>
    @Html.HiddenFor(p => p.PlanID)
    @Html.HiddenFor(p => p.CurrentPlan)
    @Html.CheckBoxFor(p => p.ShouldCompare)
</div></code>

마지막으로 상위 뷰는 다음과 같이 단순화될 수 있습니다.

<code class="language-csharp">@Html.EditorForModel()</code>

편집기 템플릿은 자동으로 인덱싱을 처리하여 모델 바인딩을 위해 양식 요소의 이름이 올바르게 지정되었는지 확인합니다.

위 내용은 내 MVC 양식이 개체 목록을 게시하지 못해 컨트롤러에 null 목록이 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!