0

我正在尝试实现类似于 facebook 城市选择器的自动完成功能,其中输入城市名称,自动完成功能以“城市、州、国家”的形式出现。我有我关注 railscast 自动完整视频的城市州和国家/地区的数据库。我的代码如下

城市控制器

def index
  @cities = City.order(:name).where("lower(name) like ?", "%#{params[:term].downcase}%")
  render json: @cities.map(&:name) 
end

用户.js.coffee

jQuery ->

 $('#user_city_name').autocomplete
 source: $('#user_city_name').data('autocomplete-source')

用户/新/html.erb

<div class="field">
 <%= f.label :city_name %><br />
 <%= f.text_field :city_name, data: {autocomplete_source: cities_path}   %>
</div>

城市是所有需要自动选择的,但我希望当用户选择他们看到自动选择选项为城市,州,国家,因为在不同的州有很多同名的城市。谁能指出我正确的方向,谢谢

4

1 回答 1

1

我想出了怎么做。将城市控制器索引更改为

def index
  if params[:term]
    @cities = City.order(:name).where("lower(name) like ?", "%#{params[:term].downcase}%").includes(:state)
    cities_list = @cities.map {|city| Hash[id: city.id, label: "#{city.name}, #{city.state.name}, #{city.state.country.name}", value: city.name]}
    render json: cities_list
  else
    @cities = City.all
  end

end
于 2013-02-06T14:47:30.147 回答