可过滤的多选combobox穿梭/转移小部件
背景
我正在寻找一个基于jQuery或JavaScript的combobox穿梭小部件,允许用户过滤源列表。 源列表是combobox(在左侧),目标列表是第二个combobox(在右侧)。
小样
小部件应该类似于:
现有的jQuery 小部件 :
用法
用户可以:
- 键入正则表达式以过滤源列表(例如,
Toy.*
)。- 窗口小部件隐藏了与filter表达式不匹配的所有项目。
- 在源列表中选择一个或多个项目(使用单击,按住Control键单击和按住Shift键单击选择)。
- 单击
>>
将项目从源列表传输到目标列表。 - 清除filter以显示完整的源列表。
技术
理想情况下,combobox将使用多选HTMLcombobox,标记将是微不足道的:
Toyota Mitsubishi Nintendo Samsung Bank of Kyoto Mazda Fuji Honda $('#sourceList').shuttle();
发现
这些很接近:
- http://archive.plugins.jquery.com/project/crossSelect – 没有filter
- http://quasipartikel.at/multiselect/ – 不允许多项选择
- http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html – 没有filter
- http://davidwalsh.name/demo/multi-select.php – 使用MooTools; 没有filter
- http://devblog.jasonhuck.com/assets/comboselect/ – 没有filter
- http://www.dhtmlgoodies.com/index.html?whichScript=multiple_select – 没有filter
- http://blog.cbolson.com/expanding-multiple-select-list-with-search-filter/ – MooTools
这几乎是完美的:
- https://github.com/rabihkodeih/bootstrap-transfer – 使用
div
标签(而不是)?
- http://www.senamion.com/blog/jmultiselect2side.html – 没有正则表达式搜索
- http://mind2soft.com/labs/jquery/multiselect/ – 没有正则表达式搜索
我打算批量分配3000 – 5000项的类别,并认为这将是一个快速的方法来完成这样的壮举。 (日本公司名称纯粹是虚构的;实际上,名称通常都有一个共同的词或短语。)
题
什么是满足这些要求的免费开源小部件(jQuery或纯JavaScript)?
有关
相关链接:
- 使用Twitter引导主题多选两列传输小部件
一个不错的jquery / bootstrap插件(多选,两个窗格,带正则表达式的filter):
Bootstrap双列表框: http : //www.virtuosoft.eu/code/bootstrap-duallistbox/