Widget de navette / transfert de combobox multi-sélection filtrable

Fond

Je suis à la recherche d'un jQuery ou JavaScript - base de zone de liste déroulante de navette widget qui permet à l'utilisateur de filtrer la liste source. La liste des sources est une zone de liste déroulante (à gauche) et de la liste de destination est une deuxième zone de liste déroulante (sur la droite).

Maquette

Le widget doit ressembler à:

Existant jQuery widget:

Utilisation

L'utilisateur peut:

1. Type d'une expression régulière pour filtrer la liste des sources (p. ex., Toy.*).
   • Le widget cache tous les éléments qui ne correspondent pas à l'expression de filtre.
2. Sélectionnez un ou plusieurs éléments dans la liste source (à l'aide de cliquez, cliquez, et shift-cliquez sur sélections).
3. Cliquez sur le >> pour transférer les éléments de la liste source pour la liste de destination.
4. Effacer le filtre de révéler la source de la liste.

Technique

Idéalement, les zones de liste modifiables serait d'utiliser un multiselect HTML combobox et le balisage serait 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>

Résultats

Ces sommes proches:

• http://archive.plugins.jquery.com/project/crossSelect - pas de filtre
• http://quasipartikel.at/multiselect/ - ne pas autoriser les sélections multiples
• http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - pas de filtre
• http://davidwalsh.name/demo/multi-select.php - utilise MooTools; pas de filtre
• http://devblog.jasonhuck.com/assets/comboselect/ - pas de filtre
• http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select - pas de filtre
• http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ - MooTools

Ils sont presque parfait:

• https://github.com/rabihkodeih/bootstrap-transfer - utilise div balises (au lieu de <select>)?
• http://www.senamion.com/blog/jmultiselect2side.html - Pas de regex de recherche
• http://mind2soft.com/labs/jquery/multiselect/ - Pas de regex de recherche

Je suis à la recherche de lot de l'affectation de catégories pour 3000 - 5000 articles et pensé que ce serait un moyen rapide de faire un tel exploit. (La société Japonaise noms sont purement fictif; en réalité, les noms ont généralement un mot ou une phrase en commun.)

Question

Ce qui est un libre et open source widget (jQuery ou JavaScript) qui répond à ces exigences?

Liées

Liens connexes:

• Multiselect deux colonnes de transfert de widget avec Twitter bootstrap thème

source d'informationauteur