MVC - Edycja listy obiektów

Question

Mam następujący układ klasa w MVC:

public class ReportModel 
{ 
    List<SomeItem> items; 
    string value; 
    string anotherValue; 
} 

teraz utworzyć silnie typami widoku w MVC tego typu i dokonać edytowalnych pól tekstowych, aby edytować każdą wartość, jak również użyj pętli foreach do wypełnienia pól tekstowych, aby edytować elementy na liście someitem.

Po przesłaniu do metody httppost wartości jednostkowe wrócą poprawnie w obiekcie obiektu raportu, ale lista nie zostanie zwrócona w obiekcie. Jak to zrobić?

Kiedy mówię HttpPost ja odnoszę się do metody, która MVC jest księgowanie powrotem do

[HttpPost] 
public ActionResult EditReport(ReportModel report) 
{ 
    // Save the report in here after the update on the UI side 
} 

widoku kodu do opublikowania listy someitem

if (Model.items != null && Model.items.Count > 0) 
{ 
    for (int i = 0; i < Model.items.Count; i++) 
    {     
     <div class="editrow"> 
      <div class="edititem"> 
       <div class="editor-label"> 
        @Html.LabelFor(m => m.items.ElementAt(i).propertyOne) 
       </div> 
       <div class="editor-field"> 
        @Html.TextBoxFor(m => m.items.ElementAt(i).propertyOne) 
        @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyOne) 
       </div> 
      </div> 
      <div class="edititem"> 
       <div class="editor-label"> 
        @Html.LabelFor(m => m.items.ElementAt(i).propertyTwo) 
       </div> 
       <div class="editor-field"> 
        @Html.TextBoxFor(m => m.items.ElementAt(i).propertyTwo) 
        @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyTwo) 
       </div> 
      </div> 
      <div class="edititem"> 
       <div class="editor-label"> 
        @Html.LabelFor(m => m.items.ElementAt(i).propertyThree) 
       </div> 
       <div class="editor-field"> 
        @Html.TextBoxFor(m => m.items.ElementAt(i).propertyThree) 
        @Html.ValidationMessageFor(m => m.items.ElementAt(i).propertyThree) 
       </div> 
      </div> 
     </div> 
    } 
} 

Answer 1

odniesienia Cyryla do wpisu na blogu Scotta Hanselman jest poprawne, ale czytasz to zbyt wąsko. W pokazanym przykładzie przekazuje tablicę do metody działania, ale równie dobrze można ją zawrzeć w modelu macierzystym. Ta sama koncepcja ma zastosowanie.

Należy jednak wiedzieć, że domyślny segregator modelu nie tworzy instancji klas zagnieżdżonych, więc nie utworzy instancji klasy List, co oznacza, że ​​zawsze będzie miała wartość NULL. Aby to naprawić, musisz utworzyć instancję pustej klasy list w konstruktorze.

Jest to tylko część problemu, ponieważ dane muszą być sformatowane we właściwy sposób, aby spoina modelu mogła je powiązać. W tym miejscu pojawia się wpis na blogu Scotta, ponieważ zapewnia format wymagany dla segregatora modelu do rozpoznawania danych jako listy.

Jest to zwykle obsługiwane, jeśli używasz edytora EditorTemplate i używasz Html.EditorFor (m => m.Items), a następnie masz SomeItem.cshtml EditorTemplate. Zajmuje się problematyką nazewnictwa kolekcji przedmiotów (o ile używasz również silnie wpisanych helperów w szablonie).

Answer 2

Nie używaj ElementAt(1) w wyrażeniach lambda => to rujnuje twoje nazwy pól wejściowych. Przeczytaj post na blogu, który zaproponował ci Kirill.

Więc można użyć indeksowanych dostęp:

for (int i = 0; i < Model.items.Count; i++) 
{     
    <div class="editrow"> 
     <div class="edititem"> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.items[i].propertyOne) 
      </div> 
      <div class="editor-field"> 
       @Html.TextBoxFor(m => m.items[i].propertyOne) 
       @Html.ValidationMessageFor(m => m.items[i].propertyOne) 
      </div> 
     </div> 
     <div class="edititem"> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.items[i].propertyTwo) 
      </div> 
      <div class="editor-field"> 
       @Html.TextBoxFor(m => m.items[i].propertyTwo) 
       @Html.ValidationMessageFor(m => m.items[i].propertyTwo) 
      </div> 
     </div> 
     <div class="edititem"> 
      <div class="editor-label"> 
       @Html.LabelFor(m => m.items[i].propertyThree) 
      </div> 
      <div class="editor-field"> 
       @Html.TextBoxFor(m => m.items[i].propertyThree) 
       @Html.ValidationMessageFor(m => m.items[i].propertyThree) 
      </div> 
     </div> 
    </div> 
} 

Oczywiście, aby mieć dostęp do indeksatora kolekcji to zakłada, że ​​nieruchomość items jest zadeklarowana jako albo List<SomeItem> lub SomeItem[]. Jeśli jest to IEnumerable<SomeItem>, to nie zadziała. Po prostu zmień typ tej właściwości na swoim modelu widoku.