关于一个好的Javascript Multi Select Widget的建议

时间:2011-11-07 22:59:10

标签: javascript jquery-ui

我有一个我正在开发的应用程序,它有一些可以包含很多项目的多选单列表。为了时间的缘故,我现在并不想写自己的小部件,但是我在找到我想要的东西时遇到了很多麻烦。

以下是要求: 1)它必须是封面下的选择清单;我正在使用ASP.NET MVC3,所以使表单提交和模型绑定更容易我真的需要它作为一个实际的选择列表

2)必须是可搜索的

3)我真的希望选择和取消选择单击(而不是按住ctrl +点击选择多个项目)

4)选择全部并取消全选将是一个加号

5)如果它使用jquery UI作为基础的奖励积分,因为我已经在使用这些库

6)它不能使用主题滚轮进行造型......它必须易于独立设计

7)没有并排类型控制所选项目在右侧的位置。设计师和我自己都不喜欢。

我找到的最接近的是http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/,但是数字6对我们的使用造成了破坏。为什么我们不想使用你问的主题滚轮?好吧,我不是CSS大师,我们的设计师讨厌它,所以它不在我的手中。

我发现有很多东西有一个或两个标准,但不是全部都有。

有人可以让我免于浪费时间(至少)滚动自己的小部件吗?

1 个答案:

答案 0 :(得分:0)

我刚完成了一个我需要的项目。我花了很长时间试图使用这个: http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

然而,我真的觉得它有限制,它导致奇怪的事情发生在表格元素的位置:固定的divs以及显示/隐藏和动画的琐事所以我改为:

https://github.com/ehynds/jquery-ui-multiselect-widget

这在我看来更好,实现也更简单,并且没有弄乱页面上的任何其他内容。

最佳

亚历