Tag: 小部件

可过滤的多选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 这几乎是完美的: […]