jquery - Rails4 自动完成功能不起作用

Question

尝试使用 this gem在我的 Rails 4 应用程序中自动完成。我试图让我的评论表单在用户输入艺术家姓名时自动填写艺术家姓名(如果数据库中已存在)。

按照示例，在我的评论 Controller 中放置

class ReviewsController < ApplicationController
  autocomplete :review, :artist

在 application.js 中:

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require autocomplete-rails
//= require turbolinks
//= require bootstrap
//= require bootstrap-scrollspy
//= require bootstrap-modal
//= require bootstrap-dropdown
//= require_tree .

在 route :

resources :reviews do
    get :autocomplete_review_artist, :on => :collection
end

在我的评论表格顶部:

<%= form_for(@review) do |f| %>
<% f.autocomplete_field :artist, autocomplete_review_artist_reviews_path %>

审查模型:

class Review < ActiveRecord::Base

    validates_presence_of :artist
    validates_presence_of :venue
    validates_presence_of :date

    belongs_to :user
    belongs_to :concert

end

但这不起作用，当我尝试在已创建的表单中输入艺术家姓名时，没有任何内容可以自动完成它。如有任何帮助，我们将不胜感激。

我还尝试在两个单独的 Controller 中按照示例的方式进行操作。还是没用。

在我的艺术家 Controller 中

class ArtistsController < ApplicationController
  before_action :set_artist, only: [:show, :edit, :update, :destroy]

  autocomplete :artist, :name

然后在 route

resources :reviews do
    get :autocomplete_artist_name, :on => :collection
  end

和审核表

<%= form_for(@review) do |f| %>
  <% f.autocomplete_field :artist, autocomplete_artist_name_reviews_path %>

Answer 1

我认为通过在 JS 数组中执行它来提高响应速度，您会得到更好的结果。为此，您需要使用 .as_json 方法在 Controller 上渲染一个变量。

因此，在 Controller 中(参数是说明性的):

@autocompleteArr = Object.pluck(:property).as_json

View 中:

<%= f.text_field :somefield %>

在 JS 中(你不能把它放在你的应用程序文件中，甚至不能放在你的 html 中):

$('#somefield').autocomplete({source: '<%=raw  @autocompleteArr %>'});

您会发现，在这种情况下，甚至更容易，但会阻止 ajax 加载时间，这可能会使您的使用体验变得更糟。

希望有帮助。