1

这个问题与 Twitter 最近发布的新独立 typeahead 相关，而不是 Bootstrap 版本。

Twitter Typeahead.js

我正在尝试将其集成到 Rails 应用程序中，以从数据库中查找一些帖子的名称，但在尝试使其正常工作时遇到了麻烦。当我搜索时没有任何反应，但我可以导航到 /posts.json 并获取数据。

我有一个包含硬编码数据的工作版本，您可以在此处看到实际操作，输入“a”以获取结果：

jsFiddle 本地版本

JS

$(document).ready(function() {
  $('input.typeahead').typeahead({
  name: 'posts',
  prefetch: '/posts.json',
  limit: 10
 });
});

输入

<input class="typeahead" type="text" dir="ltr" placeholder="Search here....">

这是我的控制器：

def names
  names = []
  all = Post.where("name LIKE ?", "%#{params[:term]}%")
  all.each { |subc| names << subc.name }

render json: names

结尾

参数设置：

Started GET "/sub_categories/names?q=a" for 127.0.0.1 at 2013-03-15 09:45:40 -0400
Processing by SubCategoriesController#names as JSON
  Parameters: {"q"=>"a"}
  SubCategory Load (0.5ms)  SELECT "sub_categories".* FROM "sub_categories" WHERE (name LIKE '%%') LIMIT 10
Completed 200 OK in 3ms (Views: 0.3ms | ActiveRecord: 0.5ms)
4

1 回答 1

2

我无法让预取工作，但我通过在 json 源的末尾添加“？q=%QUERY”来远程工作：

remote: '../sub_categories/names?q=%QUERY'

然后在查询中我发现您必须省略第一个 '%' 以便它与您键入的内容相匹配。

控制器：

Post.where("name LIKE ? OR name LIKE ?", "#{params[:q]}%")

于 2013-03-15T18:51:54.883 回答