使用Bootstrap Tags Input显示文本insde输入文本

时间:2015-12-02 10:48:37

标签: twitter-bootstrap typeahead.js typeahead bloodhound bootstrap-tags-input

我正在寻找一个标签插件前端,我发现了一个名为 Bootstrap Tags Input 的精彩库,他们有很多 example 但是当我尝试将 tags.text 显示为文本并将 tags.id 显示为值时,我遇到了问题输入,这是我的JSON数据:

[{"id":3,"text":"aut"},{"id":6,"text":"aut"}]
到目前为止

和我的 Javascript 看起来像是:

var tags = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'api/v1/tags/%QUERY',
    wildcard: '%QUERY'
  }
});

tags.initialize();

$('#tags').tagsinput({

    typeheadjs: {
      name: 'tags',
      displayKey: 'text',
      valueKey: 'id',
      source: tags.ttAdapter()
    }
});

我尝试使用 itemValue itemText 选项,但如果我在我的javascript函数中设置了这些选项,则用户无法添加新标记。如果我在没有两个选项的情况下在输入表单上显示文本,那可能吗?

0 个答案:

没有答案