Jquery tokenInput未预填充
Jquery tokenInput not prePopulating
嗨,我正在学习本教程,但在编辑我的模型时,预填充字段不起作用。。
请注意,在编辑时,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 %>
这是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/
相关文章:
- 如何设置html元素填充的动画
- 如何使用jquery在填充自动完成的值后使文本框只读
- 如何通过ajax刷新JSF填充的javascript变量
- 用与线条相同的颜色填充多折线图上的点
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 用我的json数据填充JQuery DataTable
- 使用 jQuery 检查所有值是否为空或已填充
- 为什么不't我的变量在我的控制器中填充后在我的视图中呈现
- 如何让typeahead在我的搜索栏中填充自定义参数
- 如何使用JSON字符串中的jQuery填充下拉框
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- spine.js在启动时填充模型实例
- 如何将要单独填充的每个HTML画布路径/形状分开
- CSS赢得't填充视图端口
- 从JSON填充列表(而不是HTML)
- Fabric.js-更改矩形填充
- 使用JSON文件中的变量(字符串)填充文本区域
- Jquery tokenInput未预填充