Wie kann ich Elemente in ASP MVC 4 von einer Listbox in eine andere verschieben?

8

Wie ist es möglich, Elemente aus einer Listbox in eine andere Listbox in derselben Ansicht zu verschieben, ohne die gesamte Seite neu laden zu müssen, sondern lediglich die beiden Listboxen in ASP MVC 4 zu aktualisieren?

Um einige ausgewählte Musikgenres zu haben und diese Musikgenres über einen Sendebutton an einen Webservice zu senden.

Die Genres haben eine ID, die nicht angezeigt werden sollte und einen Namen, der angezeigt werden sollte.

Ich habe versucht, es in den letzten 4 Stunden herauszufinden, aber ich kann anscheinend nichts zur Arbeit bekommen.

Bearbeiten: Gelöste bewegliche Objekte

Ich löste das Verschieben der Elemente mit jQuery. Ich habe einen Verweis auf jquery.unobtrusive-ajax.js hinzugefügt und einige Methoden zur Ansicht hinzugefügt. Die endgültige Ansicht sieht folgendermaßen aus:

%Vor%

Bearbeiten: Fortsetzung in neuer Frage

Ich habe mit mehr Informationen und genauer in dieser Frage gefragt Holen Sie sich Elemente aus der Listbox im Controller MVC ASP 4

    
qewqew qdqw d 20.05.2013, 02:00
quelle

2 Antworten

4

Ich habe dich zu einer Geige gemacht, um dir eine Vorstellung davon zu geben, wie dies erreicht werden könnte. Sie könnten es nützlich finden.

Grundsätzlich vorausgesetzt, dass Sie 2 select Elemente haben (und vorausgesetzt, dass Sie jQuery verwenden), würden Sie etwas tun wie:

%Vor%

Und der entsprechende HTML-Code lautet:

%Vor%

Schau dir die Geige für ein funktionierendes Beispiel an. Ich hoffe, das hilft.

    
Dimitar Dimitrov 20.05.2013, 03:42
quelle
0

Lassen Sie mich sicherstellen, dass ich Ihre Frage verstehe:

  • Webseite lädt und hat 2 Listenfelder. Einer ist mit Musikgenres gefüllt, der andere ist leer.
  • Der Benutzer wählt ein (oder mehrere) Genres aus, klickt auf einen "Verschieben" -Button, und die Genres bewegen sich von der ersten Listbox zur zweiten Listbox.
  • Der Benutzer klickt auf die Schaltfläche Senden, und alle in der zweiten Listbox vorhandenen Genres werden an einen Webservice gesendet.

Wenn Sie die "Verschieben" -Schaltfläche verwenden möchten, um die Listbox-Elemente aus der ersten Listbox in die zweite Listbox zu übertragen, ohne die Seite neu zu laden, müssen Sie einige clientseitige Skripte (JavaScript) schreiben. Wenn mein Verständnis Ihrer Frage richtig ist, ist dies wahrscheinlich das Konzept, mit dem Sie sich nur schwer befassen können.

Bitte posten Sie den Code, den Sie bisher haben, und wir gehen von dort.

    
trainface 20.05.2013 02:18
quelle