Wie übergebe ich erfolgreich eine Sammlung an eine Teilansicht und handhabe die Datenübermittlung in ASP.NET MVC?

Eine Teilansicht, die eine Sammlung mit dem Html.BeginCollectionItem-Helfer übergibt

Diese Frage untersucht das Problem der Übergabe einer Sammlung von Objekten an eine Teilansicht Anzeigen und erfolgreiches Zurücksenden der Daten an den Controller. Trotz scheinbar korrekter Implementierung schlug die AddRecord()-Methode fehl und der BeginCollectionItem-Helfer generierte nicht das erforderliche versteckte Tag für neu hinzugefügte Felder.

Analyse des Problems

Die Ursache des Problems liegt in der Diskrepanz zwischen dem vom Controller erwarteten Objekttyp und den gesendeten Daten. Im bereitgestellten Code wurde das Ansichtsmodell in CashRecipientVM geändert, aber die Controller-Aktion erwartete immer noch ein Modell vom Typ CashRecipient.

Lösung

Um dieses Problem zu beheben, Folgende Schritte wurden durchgeführt:

1. Erstellung eines ViewModels (CashRecipientVM):

   • Eine CashRecipientVM-Klasse wurde erstellt, um die zu bearbeitenden Daten darzustellen und Validierungsattribute einzuschließen.

2. Teilansicht (_Recipient.cshtml):

   • Eine Teilansicht „_Recipient.cshtml“ wurde erstellt, um eine einzelne CashRecipientVM-Instanz zu rendern.
   • Der BeginCollectionItem-Helfer wurde zum Binden der Eigenschaften verwendet und ermöglichen das Hinzufügen mehrerer Empfänger.

3. Recipient()-Methode (im Controller):

   • Eine Recipient()-Methode wurde dem hinzugefügt Controller, um ein partielles ViewResult für ein neues zurückzugeben CashRecipientVM.

4. Haupt-GET-Methode (Create):

   • Die Create() GET-Methode wurde aktualisiert, um eine zurückzugeben Leere Liste von CashRecipientVM Instanzen.

5. Hauptansicht:

   • Die Hauptansicht wurde aktualisiert, um die Teilansicht „_Recipient.cshtml“ zu verwenden. um bestehende Empfänger anzuzeigen und das Hinzufügen neuer zu ermöglichen

6. Javascript:

   • Javascript-Funktionen wurden hinzugefügt, um das Hinzufügen neuer Empfänger und das Löschen vorhandener Empfänger zu verwalten.
   • jQuery und eine unaufdringliche clientseitige Validierung wurden verwendet, um die Benutzerfreundlichkeit zu verbessern Erfahrung.

7. Aktualisieren Sie die POST-Aktion des Formulars (Erstellen):

   • Die POST-Aktion des Formulars wurde aktualisiert, um auf das abzuzielen Create()-Aktion, die nun eine Sammlung von CashRecipientVM erwartet Objekte.

Durch die Implementierung dieser Änderungen bindet die Anwendung nun erfolgreich die CashRecipientVM-Daten, ermöglicht das dynamische Hinzufügen und Entfernen von Empfängern und übermittelt die Daten korrekt an den Controller.

Das obige ist der detaillierte Inhalt vonWie übergebe ich erfolgreich eine Sammlung an eine Teilansicht und handhabe die Datenübermittlung in ASP.NET MVC?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!