在 jquery 令牌输入中创建令牌

Posted 2023-05-09

【中文标题】在 jquery 令牌输入中创建令牌

【英文标题】：create tokens in jquery token input

【发布时间】：2013-04-12 01:23:23

【问题描述】：

目前我的 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

【参考方案1】：

在您发起时包括allowFreeTagging: true。

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

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

这是我的令牌选项

tokenOptions = 
    allowFreeTagging: true,
    tokenValue: 'name'


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

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

【讨论】：

耶！你让我免于重建它！

@bwheeler96 很高兴它帮助了某人，如果不是 OP！

当然。我不得不做一些额外的挖掘，我将我的发现添加到你的帖子中。谢谢！

是的，但是对于'freetag' - id 与名称相同，不是吗？

啊，我明白了。我个人通过if (name == id) 检测到这一点——因为我已经使用tokenValue 属性来存储每个令牌的其他信息。不过我明白你现在的意思了！