Bootstrap标签输入不适用于本地数据

时间:2016-07-17 04:26:34

标签: javascript jquery twitter-bootstrap bootstrap-tags-input

我尝试成为项目经理。它可以为一个项目添加更多人。 因此,我使用Bootstrap Tags Input并按照examples:Typeahead,Object标记。

我在隐藏输入中有一个json字符串存储,而不是远程数据。所以,我将示例修改为:

  var users = new Bloodhound({
    initialize: false,
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('text'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    local: [{id:1,fullname:'aaa'},{id:2,fullname:'bbb'}],
    identify: function(obj) { return obj.id; }
  });
  var promise = users.initialize();
  promise.done(function(){
    var elt = $('#project_memebers');
    elt.tagsinput({
      itemValue: 'id',
      itemText: 'fullname',
      typeaheadjs: {
        name: 'users',
        displayKey: 'fullname',
        valueKey: 'id',
        source: users.ttAdapter()
      }
    });
  })
  .fail(function() { console.log('Something goes wrong!')});

但是当我输入" aaa"或" bbb"。没有标签,没有提示,没有错误输出!

如何让它自动完成并标记?

1 个答案:

答案 0 :(得分:0)

datumTokenizer:Bloodhound.tokenizers.obj.whitespace(' fullname'),