MVC 5 Fügen Sie dynamische Felder mit jquery zum Formular hinzu und speichern Sie sie im Modell

Question

Ist es möglich, ein Formular in MVC 5 zu haben, in dem Sie dynamische Felder mit jQuery wie hier hinzufügen können:JSFiddle

Und dann diese Felder mit MVC zum Modellieren posten?

Tatsächlich ist mein Ansichtsmodell, in dem ich diese Werte speichern möchte, ein List<string> wo all diese Werte gespeichert werden.

Answer 1

Wenn Sie die Eingaben dynamisch hinzufügen, müssen Sie sicherstellen, dass sie für das Postback korrekt benannt / indiziert sind.Zum Beispiel, wenn Ihre Post-Aktionsmethode ist

[HttpPost]
public ActionResult Edit(List<string> text)
{
  ...

dann müssen Ihre Eingaben benannt werden

<input name="[0].text" value=.../>
<input name="[1].text" value=.../>
<input name="[2].text" value=.../>

Sie müssen also das Skript ändern, um das richtige Namensattribut zu erstellen.Beachten Sie, dass die Indizes bei Null beginnen und sequentiell sein müssen, damit Sie berücksichtigen müssen, was passiert, wenn eine Eingabe in der Mitte der Liste vom Benutzer entfernt wird.