Filterable multi-select combobox-shuttle/ - transfer-widget

Hintergrund

Ich bin auf der Suche nach einem jQuery - oder JavaScript-basierte combobox-shuttle-widget, das der Benutzer zum filtern der Liste "Quelle". Die Quelle der Liste ist ein Auswahlfeld (Links) und die Ziel-Liste ist eine zweite combobox (auf der rechten).

Mockup

Sollte das widget Aussehen:

Filterable multi-select combobox-shuttle/- transfer-widget

Einer bestehenden jQuery widget:

Filterable multi-select combobox-shuttle/- transfer-widget

Nutzung

Kann der Benutzer:

  1. Geben Sie einen regex zum filtern der Liste "Quelle" (z.B. Toy.*).
    • Das widget blendet alle Elemente, die dem filter nicht entsprechen, Ausdruck.
  2. Wählen Sie ein oder mehrere Elemente in der Liste Quelle (mit Klick, Strg-Klick und Umschalt-klicken Sie auf Auswahl).
  3. Auf die >> zu übertragen, die Elemente aus der Quell-Liste auf die Zielliste.
  4. Löschen Sie den filter, um den vollen source-Liste.

Technische

Ideal, die comboboxes mit einem multiselect HTML-combobox und das markup wäre trivial:

<select name="sourceList" id="sourceList" size="20" multiple="multiple">
  <option value="1">Toyota</option>
  <option value="2">Mitsubishi</option>
  <option value="3">Nintendo</option>
  <option value="4">Samsung</option>
  <option value="5">Bank of Kyoto</option>
</select>

<select name="destinationList" id="destinationList" size="20" multiple="multiple">
  <option value="6">Mazda</option>
  <option value="7">Fuji</option>
  <option value="8">Honda</option>
</select>

<script>
  $('#sourceList').shuttle();
</script>

Ergebnisse

Diese sind in der Nähe:

Diese sind nahezu perfekt:

Ich bin auf der Suche batch die Zuordnung von Kategorien für 3000 - 5000 Artikel und dachte, das wäre ein schneller Weg, um zu erreichen, wie ein Kunststück. (Die japanischen Firmennamen sind rein fiktive, in Wirklichkeit, die Namen haben in der Regel ein Wort oder eine Wortgruppe gemeinsam haben.)

Frage

Was ist eine freie und open-source-widget (jQuery oder pure JavaScript), das diese Anforderungen erfüllt?

Verwandte

Weiterführende links:

Ihrer Liste sind nicht enthalten die jQuery multiselect2side senamion.com/blog/2010/02/20/jquery-select-multiple-double-side

InformationsquelleAutor |

Schreibe einen Kommentar