Datenbindung in MVC 5 und Select2 Multiple Values mit der Razor Engine
Normalerweise arbeite ich sehr wenig an der HTML-Seite der Anwendung, weil ich es größtenteils nur für mich generieren lasse.
Ich arbeite an einer App für einen Blog mit Posts Tags und Kommentaren. Ich möchte beim Erstellen eines neuen Beitrags vorhandene Tags zum neuen Beitrag hinzufügen. Ich versuche, Select2 zu verwenden, aber ich kann nicht herausfinden, wie die ausgewählten Werte an meine Create-Methode im Post-Controller weitergegeben werden, damit sie in der Datenbank gespeichert werden können.
Hier ist, woran ich arbeite:
%Vor%Post Controller
%Vor%Ich bin erfolgreich in der Lage, Daten von der Ferne mit zu laden: Json-Code weggelassen
%Vor%View: Normalerweise hätte ich etwas wie
%Vor%Wie kann ich einen ähnlichen HTML-Code für mein Tag-Textfeld schreiben, so dass beim Klicken auf "Speichern" alles in den entsprechenden Tabellen gespeichert wird?
Momentan habe ich das nur für select2:
%Vor%Was produziert;
2 Antworten
Ich denke es ist genau wie ein <select multiple>
zum Beispiel
Sie wählen die Option a und die Option b und senden das Formular mit der Post-Methode
Die Postdaten sind
abc 1
abc 2
und Sie können die Daten in MVC Aktion mit einem Parameter wie IEnumeralbe<int> abc
die Aktion wird mögen
%Vor%Das select2-Plugin ändert nur die Ansicht, post-Daten verwenden auch einen http-Post
Was ich vorschlage, ist Folgendes:
-
zuerst: behalte das Textfeld der Tags nur zur Anzeige.
-
Zweitens: Haben Sie versteckte Eingaben, die mit den Textbox-Werten synchronisiert werden, indem Sie deren Wert in Javascript manipulieren. Jedes Tag in einem Textfeld hat versteckte Eingaben Die versteckten Eingaben stellen die Tags dar, die ausgewählt und in der Textbox angezeigt werden.
Der Vorteil dieser Methode besteht darin, dass der Standardmodell-Binder dafür sorgt, dass die Werte für ausgeblendete Eingaben an Ihre Ansichtsmodelleigenschaft gebunden werden: [öffentliche virtuelle ICollection-Tags {get; einstellen; }]
lassen Sie sich sagen, wie die versteckten Eingaben in Ihrem HTML aussehen sollten:
%Vor%für weitere Informationen über Listenbindung folgen Sie einfach dem Link:
Tags und Links asp.net-mvc c# razor html5 jquery-select2