Rails/Jquery自动完成城市,国家的自动完成插件

Question

我正在寻找一个好的Jquery插件,可以处理找到一个城市所属的国家(在自动完成的类型上)

例如:

Typing "New Yor"

应自动完成

New York, United States

并能够拯救城市和国家

:city
:country

什么是实现这种功能的好方法？我的意思是将所有国家和城市存储在用户数据库中.我知道https://github.com/jim/carmen但是那个正在被重写,我很乐意自己解决这个问题,只需要一些帮助.

Answer 1

不妨为此编写自己的逻辑,因为我认为插件不会出现:

我假设这个城市和国家有ids.如果没有,逻辑实际上会更简单.使用jQueryUI的自动完成功能来触发元素的自动完成.添加一个控制器方法,它将您的城市和国家/地区标签(可能是城市对象上的方法)与您的ID一起返回为json.在自动填充"选择"回调中,在表单中为城市和国家/地区ID设置隐藏字段.最后一部分是可选的,因为我不知道你打算如何从表单中保存这些数据.

以下示例假定您的应用程序很多,但应该足以让您入门:

视图脚本示例:

    $("#yourField").autocomplete({
      source: "/path_to_your_action",
      minLength: 2,
      select: function( event, ui ) {
        $(this).val(ui.item.label);
        $(this).find("#country_id").val(ui.item.country_id);
        $(this).find("#city_id").val(ui.item.city_id);
        event.preventDefault;
      }
    })

控制器:

def your_action
  term = params[:term]
  cities = City.where("cities.name like ?", "%#{term}%")
  .limit(25)
  .all
  render :json=>cities.collect{|c| {:label=>c.your_label_method, :city_id=>c.id, :country_id=>c.country_id}}
end

city.rb

def your_label_method
  "#{self.name}, #{self.country.name)}"
end