Sortieren Sie mehrere ausgewählte Elemente mit jQueryUI

Question

Ich möchte etwas machen, das viel Sinn macht, aber ich denke, es ist nicht wirklich in der jQueryUI enthalten.

Ich habe eine Liste von Elementen, die sortierbar und wählbar sind.

Ich kann sie einzeln sortieren, und ich kann mehrere Elemente auswählen.

Die Frage ist, wie kann ich mehrere ausgewählte Elemente zusammen sortieren?

ich diesen Code atm bekam,

$("#centermainlist").sortable({ 
      scroll: false, 
      handle: ".dots", 
      appendTo: 'body', 
      helper: 'clone',   
     }); 

was sollte ich hinzufügen, um es irgendwie alle Elemente ausgewählt zu machen?

Vielen Dank im Voraus :)

alles Gute, Alexander

Answer 1

Diese Funktionalität ist nicht in jQueryUI enthalten, also gibt es nichts, was man nur hinzufügen können, um es, wie Sie wollen arbeiten. Sie müssen Ihren eigenen Code schreiben oder nach Plugins suchen, wenn Sie mehrere Elemente so sortieren möchten.

Ich kann mir vorstellen, dass dies nicht in jQuery ist aufgrund der hohen Anzahl von situativen Variablen beteiligt. Sie versuchen wahrscheinlich, so etwas wie drei aufeinanderfolgende Elemente auszuwählen und dann zu ziehen, um sie alle nach oben oder unten zu verschieben - aber dies ist nicht die einzige Möglichkeit. Was passiert, wenn die ausgewählten Elemente nicht hintereinander liegen? Wie gehst du damit um?

Beispiel:

Item 1 
Item 2 - selected 
Item 3 
Item 4 - selected 
Item 5 - selected 
Item 6 

Wie bewegen Sie diese Elemente? Erzwingen Sie den Abstand zwischen den ausgewählten Elementen? Wenn dies der Fall ist, hörst du auf, Gegenstände zu bewegen, wenn der Benutzer Gegenstand 2 an die erste Position bewegt (da du den Raum behalten musst)? Oder kollabieren Sie sie in diesem Fall? Erinnerst du dich, dass es ein Loch gab, wenn sie sich wieder zurück bewegen? Vielleicht klappen Sie sie einfach zusammen (am einfachsten zu implementieren, aber vielleicht nicht die gewünschte Funktionalität)? Oder vielleicht erzwingst du die sequentielle Auswahl für den Zug - wenn die Gegenstände alle nebeneinander sind, kannst du sie verschieben, wenn es Löcher gibt, die du nicht kannst?

So gibt es eine Menge Dinge zu beachten. Dies ist einfach mit den Schaltflächen zu implementieren (wählen Sie Elemente aus, klicken Sie auf die Schaltflächen "Nach oben" oder "Nach unten", um die Objekte zu verschieben).