jQuery tokenInput未预先填充

Question

嗨，我正在按照本教程进行操作，但是在编辑模型时，无法预填充字段。

请注意，在编辑时，text_field category_tokens未预先填充类别。

以下是代码片段，text_field的HTML输出显示了这些值。

  <input id="product_category_tokens" type="text" size="30" name="product[category_tokens]" data-pre="[{"created_at":"2010-09-13T03:33:17Z","description":"","id":x,"name":"Kitchen & Dining ","parent_id":xx,"permalink":"kitchen-dining","updated_at":"2011-01-05T11:17:10Z"}]" style="display: none;">

  application.js
    $(function() {
      $("#product_category_tokens").tokenInput("/categories.json", {
          crossDomain: false,
          prePopulate: $('#product_category_tokens').data('pre'),
          preventDuplicates: true
      });
    });

    <%= f.text_field :category_tokens, "data-pre" => @product.categories.map(&:attributes).to_json %>

Answer 1

这是以下项的副本： Jquery tokenInput未预填充text_field

答案就在结尾处：

<%= f.text_field :category_tokens, input_html => { "data-pre" => @product.categories.map(&:attributes).to_json } %>

我并没有为此付出任何努力（这不是我的答案），只是认为我会指出这一点，以防它对别人有所帮助，因为我也被它抓住了。

我还想指出，在Shawn的评论中，您可以通过将其添加到js.coffee文件中来解决此问题：

propertyToSearch: "author"

将author更改为您的列名，这将起作用。 :name只是默认值，但是您可以在此方法中覆盖它。 jQuery tokeninput页面上的更多文档： http ://loopj.com/jquery-tokeninput/