Shuttle / widget di trasferimento combobox multi-selezione filtrabile

sfondo

Sto cercando un widget shuttle combobox basato su jQuery o JavaScript che permetta all’utente di filtrare l’elenco delle fonti. L’elenco delle fonti è una casella combinata (sulla sinistra) e l’elenco delle destinazioni è una seconda casella combinata (sulla destra).

Modello

Il widget dovrebbe essere simile a:

modello

Un widget jQuery esistente:

Trasferimento Bootstrap

uso

L’utente può:

  1. Digita un’espressione regolare per filtrare l’elenco di sorgenti (ad esempio, Toy.* ).
    • Il widget nasconde tutti gli elementi che non corrispondono all’espressione del filtro.
  2. Seleziona uno o più elementi nell’elenco sorgente (usando le selezioni click, control-clic e shift-click).
  3. Fare clic su >> per trasferire gli elementi dall’elenco sorgente all’elenco di destinazione.
  4. Cancella il filtro per rivelare l’elenco completo.

Tecnico

Idealmente, le caselle combinate utilizzerebbero una combobox HTML multiselezione e il markup sarebbe banale:

  Toyota Mitsubishi Nintendo Samsung Bank of Kyoto   Mazda Fuji Honda   $('#sourceList').shuttle();  

I risultati

Questi sono vicini:

  • http://archive.plugins.jquery.com/project/crossSelect – nessun filtro
  • http://quasipartikel.at/multiselect/ – non consente selezioni multiple
  • http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html – nessun filtro
  • http://davidwalsh.name/demo/multi-select.php – usa MooTools; senza Filtro
  • http://devblog.jasonhuck.com/assets/comboselect/ – nessun filtro
  • http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select : nessun filtro
  • http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ – MooTools

Questi sono quasi perfetti:

  • https://github.com/rabihkodeih/bootstrap-transfer – utilizza tag div (anziché )?
  • http://www.senamion.com/blog/jmultiselect2side.html – Nessuna ricerca regolare
  • http://mind2soft.com/labs/jquery/multiselect/ – Nessuna ricerca regolare

Sto cercando di raggruppare l’assegnazione di categorie per 3000 – 5000 articoli e ho pensato che sarebbe stato un modo rapido per realizzare una tale impresa. (I nomi delle società giapponesi sono puramente fittizi, in realtà i nomi hanno in genere una parola o una frase in comune).

Domanda

Che cos’è un widget gratuito e open source (jQuery o puro JavaScript) che soddisfa questi requisiti?

Relazionato

Link correlati:

  • Widget di trasferimento a due colonne a più colonne con tema di bootstrap di Twitter

Un bel plugin jquery / bootstrap (selezione multipla, due pannelli, filtro con espressioni regolari):

Bootstrap Dual Listbox: http://www.virtuosoft.eu/code/bootstrap-duallistbox/