在 jquery 令牌输入中创建令牌

Question

目前我的 jquery 令牌输入工作正常。

无法创建不在列表中的令牌

我看到here，这个功能已经实现。但是没有关于我们如何使用它的文档。

谁能帮我提供文档或演示

js_js.js

    $(document).ready(function () {
        $("#job_skills").tokenInput("/jobs/search_job_skills", {
            theme: "facebook",
            preventDuplicates: true,
            hintText: 'Add skills need for job',
            searchingText: 'searching skills...',
            allowCreation: true,
            creationText: 'Add new element'
        });

    });

cons_controller.rb

  def search_job_skills
    search_for_json(Skill)
  end

  def search_for_json(model_search)
    @hash = []

    @search_res = model_search.where(['name LIKE ?', "#{params[:term]}%"])

    @search_res.each do |tag|
      @hash << { id: tag.id,
                 name: tag.name}
    end
    render json: @hash
  end

Answer 1

在您发起时包括allowFreeTagging: true。

很遗憾，文档已经有几年没有更新了。

另外请注意，如果您将allowFreeTagging 设置为true，您需要将tokenValue 更改为"name"，因为当您在服务器上保存标签时，您可能需要保存名称，而不是id .

这是我的令牌选项

tokenOptions = {
    allowFreeTagging: true,
    tokenValue: 'name'
}

$('input#tag-input').tokenInput('/tags.json', tokenOptions);

这样，当用户选择标签时，名称被发送到服务器，如果有任何新的标签名称，我只需在服务器端创建它们。