Rails3 中的 jquery tokeninput javascript

Question

我有一个 Rails 项目，它有一个简单的映射关系，如下所示:

模型类别

has_many :stories

模型故事

belongs_to category

在我的故事 Controller 中我有

def new
@story = Story.new
@categories = Category.all
end

然后在我的 new.html.erb 中我有

<%= form_for @story do |f| %>
<%= f.text_field, :title %>
<%= collection_select(:story, :category_id, @categories, :id, :name)%>
<% end %>

我想替换 <%= collection_select %> (选择框)带有 <%= f.text_field%> (文本字段)并使用 jquery toxeninput javascript 插件填充数据，我不知道如何去做。

Answer 1

我最近将 jquery tokeninput 添加到我的一个项目中，并尝试给出一个粗略的分步过程来完成它:

1. 获取 token 输入 javascript 和 css 并将其添加到 html

2. 在 Controller 中定义一个方法search_category，如下所示:

   def search_category
     # find the matching categories, Category.search method should implement all the logic needed
     categories = params[:q].blank? ? [] : Category.search(params[:q])
   
     render :json => categories.collect {|c| {:id => c.id, :name => c.name} }
   end
   

3. 初始化 jquery tokeninput，如下所示:

   $("input#whatever").tokenInput("<%= search_category_path %>", {
     prePopulate: [{ 
                    id: "<%= @story.category.id %>", 
                    name: "<%= @story.category.name %>"
                  }],
     tokenLimit: 1 // limits only one selectable category
   });
   

希望对你有帮助!