0

我在我的应用程序中安装了 select2-rails 和 act_as_taggable_on gem。我设置了 act_as_taggable_on 并且它可以工作（我从控制台测试过）。但是，当我尝试创建视图以便用户可以添加新标签时，它不起作用。

我想提供这样的标记支持：https ://select2.github.io/examples.html#tokenizer 。

这是我的设置：

应用程序/资产/application.js

$(document).ready(function(){
  $(".multiple-input").select2({
    theme: "bootstrap";
    tags: true;
    tokenSeparators: [',']
  })
});

应用程序/视图/配置文件/new.html.erb

<%= form_for @profile, url: user_profile_path do |f| %>
  <%= f.text_field :name, placeholder: "Full Name" %>
  <%= f.text_field :skill_list, placeholder: "Skills", class: 'multiple-input' %>
<% end %>

当我在浏览器上打开配置文件/新建时，技能列表文本字段显示为它的方式，而不是使用 select2 标记系统。

我的代码一定有问题或缺失。请帮忙。

更新 1

我将代码更改为：

<%= f.select :skill_list, placeholder: "Skills", class: 'multiple-input' %>

没运气。

所以，我安装了简单的表单 gem，因为根据这篇文章 ( http://onewebstory.com/notes/user-friendly-tagging-on-rails ) select2 rails 不能使用 select 标签。

这是我当前的代码：

应用程序/视图/配置文件/new.html.erb

<%= simple_form_for(@profile, url: user_profile_path) do |f| %>
  <div class="form-inputs" %>
    <%= f.input :name, placeholder: 'Full Name' %>
    <%= f.input :skill_list, input_html: { class: 'multiple-input' } %>
   </div>
<% end %>

应用程序/资产/application.js

$(document).ready(function() {
  $('input.multiple-input').each(function() {
    $(this).select2({
      theme: 'bootstrap',
      tags: $(this).data('tags'),
      tokenSeparators: [',']
      });
    });
});

select2 正在工作，我可以使用 select2 搜索和下拉菜单。但是我希望它标记输入，并且每次用户输入逗号（，）时都像这里一样临时存储：（https://select2.github.io/examples.html#tokenizer）

4

1 回答 1

2

它现在正在工作。我用这段代码做到了：https ://stackoverflow.com/a/33035355/5081949

这是我现在的代码：

app/views/profiles/new.html.erb

<%= f.input :skill_list, input_html: { class: 'multiple-input', multiple: "multiple" }, collection: @profile.skill_list %>

应用程序/资产/application.js

$(document).ready(function() {
  $('.multiple-input').each(function() {
    $(this).select2({
      tags: true,
      tokenSeparators: [','],
      theme: 'bootstrap',
      placeholder: 'Separated by comma'
      });
    });
});

同样在 apps/controllers/profiles_controller.rb 我添加了强大的参数

def profile_params
  params.require(:profile).permit(:name, skill_list: [])
end
于 2016-03-04T00:26:25.023 回答