使rails3-autocomplete-jquery gem与带有多个输入的Simple_Form很好地配合

Question

因此，我试图使用此gem和simple_form实现多个自动完成功能，并且出现错误。

我尝试了这个：

<%= f.input_field :neighborhood_id, collection: Neighborhood.order(:name), :url => autocomplete_neighborhood_name_searches_path, :as => :autocomplete, 'data-delimiter' => ',', :multiple => true, :class => "span8" %>

这是我得到的错误：

undefined method `to_i' for ["Alley Park, Madison"]:Array

在我的参数中，它是在neighborhood_id发送的：

"search"=>{"neighborhood_id"=>["Alley Park, Madison"],

因此，甚至没有使用ID来获取这些值。

有人有什么想法吗？

编辑1：

为了回应@jvnill的问题，我没有在控制器中使用params[:search]明确地做任何事情。 搜索将创建新记录，并且正在搜索listings 。

在我的Searchs Controller中， create操作，我只是在这样做：

@search = Search.create!(params[:search])

然后我的search.rb （即搜索模型）具有以下内容：

def listings
    @listings ||= find_listings
end

private
  def find_listings
    key = "%#{keywords}%"
    listings = Listing.order(:headline)
    listings = listings.includes(:neighborhood).where("listings.headline like ? or neighborhoods.name like ?", key, key) if keywords.present?
    listings = listings.where(neighborhood_id: neighborhood_id) if neighborhood_id.present?
    #truncated for brevity
    listings
  end

Answer 1

首先，如果表单返回ID而不是邻居的名称，这将更加容易。 我还没有使用过宝石，所以我不熟悉它的工作原理。 阅读自述文件说它将返回ID，但我不知道为什么您只得到名字。 我敢肯定，一旦您弄清楚如何返回ID，就可以更改下面的代码以适合此要求。

您需要在邻域和搜索之间创建联接表。 我们称其为search_neighborhoods。

rails g model search_neighborhood neighborhood_id:integer search_id:integer
# dont forget to add indexes in the migration

之后，您要设置模型。

# search.rb
has_many :search_neighborhoods
has_many :neighborhoods, through: :search_neighborhoods

# search_neighborhood.rb
belongs_to :search
belongs_to :neighborhood

# neighborhood.rb
has_many :search_neighborhoods
has_many :searches, through: :search_neighborhoods

现在我们已经设置了关联，我们需要设置setter和属性

# search.rb
attr_accessible :neighborhood_names

# this will return a list of neighborhood names which is usefull with prepopulating
def neighborhood_names
  neighborhoods.map(&:name).join(',')
end

# we will use this to find the ids of the neighborhoods given their names
# this will be called when you call create!
def neighborhood_names=(names)
  names.split(',').each do |name|
    next if name.blank?
    if neighborhood = Neighborhood.find_by_name(name)
      search_neighborhoods.build neighborhood_id: neighborhood.id
    end
  end
end

# view
# you need to change your autocomplete to use the getter method
<%= f.input :neighborhood_names, url: autocomplete_neighborhood_name_searches_path, as: :autocomplete, input_html: { data: { delimiter: ',', multiple: true, class: "span8" } %>

最后但并非最不重要的一点是更新find_listings

def find_listings
  key = "%#{keywords}%"
  listings = Listing.order(:headline).includes(:neighborhood)

  if keywords.present?
    listings = listings.where("listings.headline LIKE :key OR neighborhoods.name LIKE :key", { key: "#{keywords}")
  end

  if neighborhoods.exists?
    listings = listings.where(neighborhood_id: neighborhood_ids)
  end

  listings
end

就是这样:)

更新：使用f.input_field

# view
<%= f.input_field :neighborhood_names, url: autocomplete_neighborhood_name_searches_path, as: :autocomplete, data: { delimiter: ',' }, multiple: true, class: "span8" %>

# model
# we need to put [0] because it returns an array with a single element containing
# the string of comma separated neighborhoods
def neighborhood_names=(names)
  names[0].split(',').each do |name|
    next if name.blank?
    if neighborhood = Neighborhood.find_by_name(name)
      search_neighborhoods.build neighborhood_id: neighborhood.id
    end
  end
end

Answer 2

您的问题是如何从邻里模型中收集价值

 Neighborhood.order(:name)

将返回一个名称数组，您还需要收集ID，但只需使用“ collect”并传递一个块来显示名称，我相信这可能对您有用

Neighborhood.collect {|n| [n.name, n.id]}

如果您想恢复剧院功能，请在Neighborhood类中声明一个范围，以按名称对其进行排序，因为无论如何该行为也属于模型。

编辑>要将范围/类方法添加到邻域模型中，通常需要像这样

scope :desc, where("name DESC")

比起您可以编写以下内容：

Neighborhood.desc.all

它将返回一个数组，从而允许使用.collect，但是还有其他方法可以获取由select选项识别的name和id属性。