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:
Einer bestehenden jQuery widget:
Nutzung
Kann der Benutzer:
- Geben Sie einen regex zum filtern der Liste "Quelle" (z.B.
Toy.*
).- Das widget blendet alle Elemente, die dem filter nicht entsprechen, Ausdruck.
- Wählen Sie ein oder mehrere Elemente in der Liste Quelle (mit Klick, Strg-Klick und Umschalt-klicken Sie auf Auswahl).
- Auf die
>>
zu übertragen, die Elemente aus der Quell-Liste auf die Zielliste. - 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:
- http://archive.plugins.jquery.com/project/crossSelect - kein filter
- http://quasipartikel.at/multiselect/ - keine Mehrfachauswahl zulassen
- http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - kein filter
- http://davidwalsh.name/demo/multi-select.php - verwendet MooTools; kein filter
- http://devblog.jasonhuck.com/assets/comboselect/ - kein filter
- http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select - kein filter
- http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ - MooTools
Diese sind nahezu perfekt:
- https://github.com/rabihkodeih/bootstrap-transfer - verwendet
div
- tags (statt<select>
)? - http://www.senamion.com/blog/jmultiselect2side.html - Keine regex-Suche
- http://mind2soft.com/labs/jquery/multiselect/ - Keine regex-Suche
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:
InformationsquelleAutor |
Du musst angemeldet sein, um einen Kommentar abzugeben.
Einen schönen jquery/bootstrap-plugin (multiple select, zwei Bereich, filter mit regex):
Bootstrap-Dual-Listbox: http://www.virtuosoft.eu/code/bootstrap-duallistbox/
Die Frage der Leistungsfähigkeit: github.com/istvan-ujjmeszaros/bootstrap-duallistbox/issues/21
Dies ist sehr hilfreich, vielen Dank!
InformationsquelleAutor