Редактируемый стол в 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, чтобы лучше понять соглашения об именах, которые используют модель по умолчанию Связыватель при связывании коллекций и словарей.