Wie erstelle ich Arrays in ASP.NET -MVC -Formularen dynamisch und verwaltet mit JQuery?

Verwenden Sie JQuery, um ein Array in ASP.NET MVC

dynamisch zu erstellen In der Webentwicklung müssen Benutzer Benutzer normalerweise ermöglichen, Tabelleneinheitselemente wie Textfelder oder Drop -Down -Listen dynamisch hinzuzufügen oder zu löschen. Dies ist insbesondere bei der Erstellung eines Formulars für komplexe Datenstrukturen (wie Arrays oder Listen) nützlich.

Frage

Wenn Sie ASP.NET MVC mit C#verwenden, kann das Erstellen einer Formatfelddynamik mit JavaScript Herausforderungen mit sich bringen. Standardmäßig unterstützt die FormCollection -Parameterbindung in MVC nur die Bindung an einfache Typen wie Zeichenfolge oder Zahlen. Es ist jedoch notwendig, an das Array oder die Liste zu binden, und ein Modell, das angibt, dass eine Sammlung benötigt wird.

Lösung: Erzeugen Sie dynamisch Formsteuerung

Um die Daten der Formgruppe an das Modell zu binden, muss die Razor -Syntax verwendet werden, um die Form zu erzeugen, um sicherzustellen, dass sie geeignete Namen haben, damit die Daten ordnungsgemäß verbindet werden können. Dies beinhaltet Elemente in der Verwendung von für die Schleifen -Iterationssammlung und generiert Eingabefelder wie "BatchProducts [0] .quantität". Aktualisieren Sie das Modell

Nach dem Generieren des Steuerelements besteht der nächste Schritt darin, die Betriebsmethode zu aktualisieren, um ein Modell zu empfangen, das der Formularstruktur entspricht. Die Parameter müssen als starkes Typ -Objekt aktualisiert werden, das ein Array oder eine Liste darstellt, z. B. "ilist

". addieren und löschen Sie das Projekt

dynamisch und löschen Sie dynamisch Wenn Sie dem Benutzer die Elemente im Array hinzufügen oder löschen möchten, können Sie die Hilfsfunktion oder HTML -Vorlage von BegincollectionItem verwenden. BegincollectionItem Auxiliary Function ermöglicht die Einfügung von Vorlagen am spezifischen Index im Satz, mit dem neue Tabellenlinien vorgestellt werden können. In ähnlicher Weise bietet die HTML -Vorlage eine Methode zum Hinzufügen neuer Elemente zum Hinzufügen neuer Elemente mit JavaScript.

Beispiel für die Verwendung von BegincollectionItem Auxiliary -Funktion

Verwenden Sie für jedes Element im Satz die Hilfsfunktion mit BegincollectionItem, um eine Tabellenzeile zu generieren, die das Eingangsfeld jedes Attributs enthält. Enthält ein verstecktes Eingangsfeld, das Elementindizes enthält, die zum Löschen des Zwecks verwendet werden.

Beispiel für die Verwendung von HTML -Vorlagen

Erstellen Sie eine Vorlage für die Zeilen in der Sammlung und verbergen Sie sie zunächst. Verwenden Sie dann den JavaScript -Klon und ändern Sie die Vorlage, aktualisieren Sie den Indexwert und fügen Sie ihn zur Tabelle hinzu.

Das obige ist der detaillierte Inhalt vonWie erstelle ich Arrays in ASP.NET -MVC -Formularen dynamisch und verwaltet mit JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!