许多记录中的主记录选择器

Question

假设您有两个表：联系人和订单。一个联系人可以有多个订单，订单必须始终有一个与之相关的联系人。

添加订单有两种方法：

1. 转到“联系人”标签，搜索所需的联系人，然后转到该联系人的详细信息页面。在详细信息页面上，单击“下订单”。新订单将打开，此联系人已经与之相关 - 非常简单。
2. 转到订单标签，然后点击“新订单”。将打开一个新的订单页面 - 将联系人与此订单相关联我有一个collect_select控件，其中包含Contacts.all供用户选择一个。

选项一很好，它完美无缺。但是，选项二工作正常，直到你获得超过100个联系人。然后，你找不到你想要的联系人。

为了确保每个人都能理解这个问题，让我们选择两个只有几百个联系人。假设我的数据库中有50,000个联系人。现在一个基本的collection_select甚至不是一个选项 - 它只是不是。

我正在寻找一个text_field控件，它允许您输入名称，并使用ajax搜索数据库并列出下面匹配的联系人。当我选择联系人时，它会将该联系人与订单联系起来。

37signals.com在其产品中使用了这样的控件。许多其他网络公司也这样做。在github.com上有这样的插件吗？我在哪里可以找到这个？我应该搜索什么？

PS - 当我完成添加这个问题时，我去为问题添加一个'标签'。当我在此框中输入一个匹配记录列表下拉供我选择。这与我的需求非常相似！有什么想法吗？

感谢您的帮助！

Answer 1

我真的很喜欢Flexbox。这是一个jQuery插件。非常可定制，易于配置和支持很多东西 - 包括AJAX调用。查看演示，看看它是否符合您的需求。

Answer 2

我认为这样的事情对你有用：jQuery UI AutoComplete。这可以使用AJAX调用从远程源加载数据，并显示与在文本字段中输入的值相关的一组有限结果，就像标签框在SO上所做的那样。