bootstrap duallistbox move-up move-down

Question

Ich habe eine duallistbox und ich möchte die Option hinzufügen, den ausgewählten Wert nach oben oder unten zu bewegen.

Kann mir bitte jemand dabei helfen.

Dank

Answer 1

Siehe moveOnSelect Option im Abschnitt Einstellungen dieses Artikels verwiesen:

„true:. Die Optionen zur Auswahl automatisch bewegt werden, wird diese Einstellung auf Touch-Geräten gezwungen . "

"false: Die ausgewählten Optionen können mit einer Schaltfläche verschoben werden."

Answer 2

Sie könnten zwei Schaltflächen nach oben und nach unten hinzufügen. Fügen Sie Klickhandlern zwei Sammlungen hinzu: eine mit allen Optionen in Auswahl und eine zweite mit nur ausgewählten Optionen.

function MoveDown(dualListbox) { 
     var selectedItems = dualListbox.elements.box2.find(':selected'); 

     for (var i = selectedItems.length - 1; i > -1; i--) 
     { 
      var allItems = dualListbox.elements.box2.find('option'); 
      var selectedItem = $(selectedItems[i]); 
      var selectedIndex = selectedItem.index(); 
      selectedItem.insertAfter(allItems[selectedIndex + 1]); 
     } 
    } 

achten, dass, wenn Sie MoveUp Handler schreiben werden werden Sie von Anfang aller Optionen Sammlung beginnen soll, und legen Sie vor vorherigen Option