web-dev-qa-db-ja.com

Bootstrapタグ入力で先行入力オプションを使用する方法

私は Bootstrap tags input を typeahead と一緒に使用していますが、デフォルトのオプションをtypeaheadjsに設定するにはどうすればよいか疑問に思いました。 examples では、次のようなものを見たことがあります。

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

ここでは、typeaheadjsはデータセットを表していますが、hint、highlightなどの基本的なオプションを追加するにはどうすればよいですか？ 、minLength？

typeahead.jsbootstrap-tags-input
14
Ander

Add typeaheadjsをオブジェクトの配列として指定できます。オプションである最初のオブジェクトと2番目のデータセット

typeaheadjs：[{オプション}、{データセット}]

このような何かを行う必要があります。

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

これは[〜＃〜] demo [〜＃〜]

お役に立てれば。

20
Dhiraj