rails 3.2.8的可搜索下拉列表?

时间:2012-10-17 02:45:35

标签: jquery ruby-on-rails ruby-on-rails-3 simple-form

在新订单上,用户需要从包含数十个客户的下拉列表中选择客户,并且难以通过向上和向下滚动来查找和选择。这就是为什么我们要构建一个可搜索的drop down list。当用户输入客户姓名的几个字母时,下拉列表会过滤掉所有其他字母,并且只留下包含刚才输入的字母的客户名称。我们正在使用simple_formrails 3.2.8 。我们可以做的一种方法是添加text box以输入搜索字符串,并调用ajax以相应地加载下拉列表。这需要额外的文本字段,这是多余的。用户可以直接在下拉框中键入任何解决方案,列表会相应地过滤掉吗?谢谢。

3 个答案:

答案 0 :(得分:3)

看一下JQuery UI自动完成组合框。它既提供下拉功能,也提供搜索(自动完成)功能。它应该可以正常使用simple_form。

http://jqueryui.com/autocomplete/#combobox

我发现实施的最好例子是: http://babinho.net/2011/05/autocomplete-fields-in-rails-3-1-with-jquery-ui/

答案 1 :(得分:1)

我找到了灵魂宝石https://github.com/seatgeek/soulmate取得了相当不错的成功。 有一篇写得很好的文章也描述了宝石:http://patshaughnessy.net/2011/11/23/finding-your-soulmate-autocomplete-with-redis-in-rails-3-1

答案 2 :(得分:1)

如果您尚未在项目中使用(或不想使用)jQuery UI,则可以使用select2:http://ivaynberg.github.com/select2/