편집기 템플릿으로 새 필드를 동적으로 추가하십시오.

Question

MVC4 프로젝트에서 제품보기 모델 모음이있는 카테고리보기 모델이 있습니다.

카테고리보기 모델 : 컬렉션의 각 제품을 렌더링

@model CategoryViewModel 
@using MVC4PartialViews.Models.ViewModels 

<div class="editor-field"> 
    @Html.EditorFor(model => model.CategoryName) 
    @Html.ValidationMessageFor(model => model.CategoryName) 
</div> 

@Html.EditorFor(x => x.Products) 

편집기 템플릿 : 나는 하나의 제품보기 모델을 렌더링하고, 여기에 제품보기 모델의 컬렉션을 통과하는 편집기 템플릿을 사용

모든 제품이 상위 카테고리보기 모델의 한 부분으로 다시 게시 얻을 수 있도록이 올바르게 자동적으로 이름과 인덱스 요소를 아주 잘 작동

<div class="editor-field"> 
    @Html.EditorFor(model => model.ProductName) 
    @Html.ValidationMessageFor(model => model.ProductName) 
</div> 
// etc. 

- 여기가 출력 내용은 다음과 같습니다

<div class="editor-field"> 
    <input class="text-box single-line" id="Products_0__ProductName" name="Products[0].ProductName" type="text" value="Add 1st product for this Category" /> 
    <span class="field-validation-valid" data-valmsg-for="Products[0].ProductName" data-valmsg-replace="true"></span> 
</div> 

사용자가 제품을 추가 및 제거 할 수있게해야합니다. 새 제품을 추가하려면 필자는 새로운 제품을 만들기 위해 동적으로 편집기 템플릿을 렌더링하고 각 제품에 대해 색인을 생성하거나 이름을 올바르게 지정해야합니다. 즉, 이미 2 개의 제품 (색인 된 0 및 1)이있는 경우 새 제품의 이름을 지정해야합니다 그런는 :

Products[2].ProductName 

스티브 샌더슨에 의해이 기사를 읽은하지만 어설픈 보인다 GUID가 아닌 연속 인덱스 필드 그는 인덱스 자신 필드 :

Editing a variable length list in MVC2

TIA

Answer 1

여기에 답변하지 않으려면

나는 당신에게 나에게 도움이되는 링크를 찾고 있습니다. 이제 IEnumerable 모델의 속성을 추가/제거하여 EditorFor에 업로드 파일 입력을 동적으로 추가하는 방법을 알았습니다.

귀하의 솔루션으로, 나는 UIHint and template이 원하는대로 할 수 있다고 생각합니다. 템플릿 안에 foreach을 입력하고 id의 형식을 지정하십시오.

Answer 2

Jarrett Meyer의 블로그 게시물 Nested Collection Models in MVC3에 나와있는 해결책을 확인하십시오.
this answer에 요약되어 있습니다.