rails3中的jquery tokeninput javascript

Question

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

模型类别

has_many :stories

模特故事

belongs_to category

在我的故事控制器中，我有

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 %>

我想用<%= f.text_field%>（文本字段）替换<%= collection_select %>（选择框）并使用jquery toxeninput javascript插件填充数据，我不知道该怎么做。

Answer 1

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

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

2. 在您的控制器中定义一个方法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
   });
   

希望对你有帮助！