Wie zu binden Liste <T> auf Form Post in ASP.Net MVC C#

Question

Ich habe ein Modell, das eine Listeneigenschaft enthält List<EducationalBackground> EducationalBackground und in der Rasierklinge Form möchte ich den Benutzer mehrere Institutionen eingeben.

Modell

public class Application 
{ 
    ... 
    [Required(ErrorMessage = "Required Field")] 
    public List<EducationalBackground> EducationalBackground { get; set; } 
    ... 
    public Application() 
    { 
     ... 
     EducationalBackground = new List<Library.EducationalBackground>(); 
     ... 
    } 
} 

Hier ist die Klasse:

public class EducationalBackground 
{ 
    public string InstituteName { get; set; } 
    ... 
} 

In der Rasierklinge Ansicht ich versuche wie diese

@Html.TextBoxFor(m => m.EducationalBackground[0].InstituteName, new { @class = "form-control" }) 

aber offensichtlich ist es nicht, weil die Liste arbeiten (EducationalBackground) ist leer.

Der Benutzer muss eine „Add New Institution“ Taste, so dass die erste Liste Größe unbekannt

Wie kann ich das richtig erreichen?

UPDATE Meine Lösung gefunden. Suchen Sie nach meinem Beitrag in der Antwort Abschnitt

Answer 1

ich meine Antwort gefunden. Ich kann mehrere EducationalBackground Elemente binden wie diese

<input type="text" name="EducationalBackground[0].InstituteName" class="form-control" /> 
<input type="text" name="EducationalBackground[1].InstituteName" class="form-control" /> 
<input type="text" name="EducationalBackground[2].InstituteName" class="form-control" /> 

Wenn die Form Pfosten, wird eine Liste der Größe 3

Der Benutzer kann eine „Add New Institution“ -Schaltfläche wird erstellen, so dieses Muster folgend, I wird JS verwenden, um im laufenden Betrieb neue input Elemente

Answer 2

ändern Sie den Konstruktor der Klasse Application dazu:

EducationalBackground = new List<Library.EducationalBackground>() 
{ 
    new Library.EducationalBackground() 
}; 

Answer 3

zu generieren Ich bin nicht ganz sicher, was der Zweck Ihrer Ansicht ist, eine Liste von EducationalBackground zu bearbeiten oder neue hinzuzufügen. Wenn Sie sie bearbeiten möchten, müssen Sie sie natürlich von irgendwo wie Datenbank zum Beispiel nehmen.

1. bearbeiten Fall:

In der Aktion, die Sie haben:

EducationalBackground = new List<Library.EducationalBackground> 
{ 
    new EducationalBackground(...), 
    new EducationalBackground(...), 
    new EducationalBackground(...), 
    ..... //How many you want 
} 

Nach Ansicht Sie haben:

@foreach(var educationbackground in Model) 
{ 
    @Html.TextBoxFor(m => educationbackground.InstituteName, new { @class = "form-control" }) 
} 

2. Neu hinzufügen Einsen.

Wenn Sie neue hinzufügen und wie Sie beantwortet haben, können Sie einfache HTML-Syntax verwenden, um diese zu erreichen: Wenn Sie die Größe der Liste nicht wissen, die Sie hinzufügen möchten Sie einen anderen Weg wählen können, wie in jQuery oder AngularJS dies für Sie tun:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var size = 0; 
     $("#btnAdd").click(function(){ 
      $(".someDiv").append("<input type='text' name='EducationalBackground["+size+"].InstituteName' class='form-control' />"); 
      size++; 
     }) 
    }) 
</script> 

EDIT für Geige

Werfen Sie einen Blick auf diese Geige here