如何在Bootstrap Tags Input中使用typeahead选项

时间:2015-04-21 18:44:30

标签: typeahead.js bootstrap-tags-input

我正在Bootstrap tags input使用typeahead,我想知道如何将默认选项设置为 typeaheadjs 。在examples我看到过这样的事情:

var input = $('input');
input.tagsinput({
    itemValue: 'value',
    itemText: 'text',
    typeaheadjs: {
        name: 'engine',
        displayKey: 'text',
        source: engine.ttAdapter()
}

此处, typeaheadjs 代表数据集,但如何添加基本选项,例如提示突出显示 minLength

1 个答案:

答案 0 :(得分:18)

您可以将typeaheadjs添加为对象数组。第一个对象是选项和第二个数据集

  

typeaheadjs:[{options},{datasets}]

这样的事情应该做。

$('input').tagsinput({
    typeaheadjs: [{
          minLength: 3,
          highlight: true
    },{
        minlength: 3,
        name: 'citynames',
        displayKey: 'name',
        valueKey: 'name',
        source: citynames.ttAdapter()
    }],
    freeInput: true
});

这是 DEMO

希望这有帮助。