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

Question

我正在使用Bootstrap标签输入和typeahead，我想知道如何将默认选项设置为typeaheadjs。在示例中，我看到了这样的东西：

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

在这里，typeaheadjs 代表一个数据集，但是我该如何添加基本选项，例如提示（hint）、高亮（highlight）和 最小长度（minLength）？

- Ander

Answer 1

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

typeaheadjs: [{选项}, {数据集}]

这样做应该就可以了。

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

这里是一个演示

希望这有所帮助。

- Dhiraj

---

我明白了，谢谢 @DhirajBodicherla。从 示例网站中使用该软件包似乎不起作用，它似乎已经过时了。我尝试了主分支，现在它可以完美运行，谢谢！ - Ander

@ctorx：它正在工作。开始输入一个单词，它就会起作用。 - Dhiraj

这个演示很实用，但有点奇怪...当你输入时，文本框的大小会改变... - Jedi

演示对我来说完美运作，但是我似乎无法在自己的网站上使用“输入提示”功能。 标签可以正常工作，但是我没有看到可以选择的数据列表。 我甚至复制并粘贴了演示以尝试它。 - tyelford

@Dhiraj 我是在说如何通过ajax发送从输入中选择的值。输入标签不是普通的输入值，它们是span元素。 - Deep 3015