MVC의 편집 가능한 테이블

Question

웹 페이지의 테이블 항목을 편집하고 서버에 다시 게시하는 방법을 파악하는 데 어려움을 겪고 있습니다. (사실,이 경우 여러 항목을 선택하는 것처럼 사용자가 확인란을 선택하기를 원하지만 이는 단지 구현 일뿐입니다).

문제는 웹 페이지에서 HttpPost에서 picSelections가 null 인 동안 문제입니다.

이 내보기의 맨 위에 :

@model IEnumerable<CarShow.lmit_pics> 

@using (Html.BeginForm()) 
{  
<div style="width:100%; height:60px; "> 
<input type="submit" value="Add Selected Photo(s) to Survey" /> 
</div> 

    for (int i = 0; i < Model.Count(); i++) 
    { 
     var item = Model.ElementAt(i); 
    <div style="width:296px; float:left"> 

      <div style="float:left; width:200px; margin-bottom:18px"> 

       @{string cropped = "../../../Content/Images/" + Html.DisplayFor(modelItem => item.picname).ToString() + "?" + Html.DisplayFor(modelItem => item.version).ToString(); 
       } 
       <img alt="picture" class="pic-size" src="@cropped" /> 
       <br /> 
        @Html.EditorFor(modelItem => item.brand) 
      </div> 

</div> 
     }  
} 
</div> 

이 컨트롤러에 있습니다

public ActionResult AddSurveyPic(string id) 
{ 
    var validPicSummaries = (IEnumerable)(from x in db.lmit_pics where x.enabled == 1 select x); 
    return View((IEnumerable)validPicSummaries); 
} 

[HttpPost] 
public ActionResult AddSurveyPic(IEnumerable<CarShow_MVC.lmit_pics> picSelections) 
{ 
     // Save data here 
} 

감사합니다.

Answer 1

보기에 루프를 작성하지 마십시오.

@model IEnumerable<CarShow.lmit_pics> 

@using (Html.BeginForm()) 
{  
    <div style="width:100%; height:60px; "> 
     <input type="submit" value="Add Selected Photo(s) to Survey" /> 
    </div> 
    @Html.EditorForModel() 
} 

을 한 후 자동으로 모델의 각 요소에 대해 렌더링됩니다 해당 편집기 템플릿 생성 : 나는 편집기 템플릿을 사용하도록 추천 할 것입니다 ~/Views/Shared/EditorTemplates/lmit_pics.cshtml을. 중요 템플릿의 이름과 위치를 주목하라 :

@model CarShow.lmit_pics 

<div style="width:296px; float:left"> 
    <div style="float:left; width:200px; margin-bottom:18px"> 
     @{string cropped = "../../../Content/Images/" + Html.DisplayFor(x => x.picname).ToString() + "?" + Html.DisplayFor(x => x.version).ToString(); } 
     <img alt="picture" class="pic-size" src="@cropped" /> 
     <br /> 
     @Html.EditorFor(x => x.brand) 
    </div> 
</div> 

당신은 또한 더 나은 컬렉션과 사전을 바인딩 할 때 기본 모델 바인더가 사용하는 이름 지정 규칙을 이해하기 위해 following article을 읽을 수 있습니다.