2015-04-21 2 views
12

Я использую Bootstrap tags input с typeahead, и мне было интересно, как установить параметры по умолчанию на typeaheadjs. В examples я видел что-то вроде этого:Как использовать опции typeahead в Bootstrap Tags Вход

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

Здесь typeaheadjs представляют собой набор данных, но как я могу добавить основные опции, как намек, выделения, MINLENGTH?

ответ

17

Вы можете указать addaheadjs как массив объектов. Первые варианты объекта и второго наборов данных

typeaheadjs: [{опции}, {}] наборы данных

Что-то, как это должно сделать.

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

Вот DEMO

Надеется, что это помогает.

+0

Я вижу ... спасибо @DhirajBodicherla, который не работает с использованием пакета с сайта [examples site] (http://twitter.github.io/typeahead.js/examples/). Кажется, это устарело. Я пробовал с мастер-веткой, и он отлично работает, спасибо! – Ander

+0

Демонстрационная версия не работает. Typeahead не работает. – ctorx

+0

@ctorx: Он работает. Начните вводить слово и оно будет работать – Dhiraj

 Смежные вопросы

  • Нет связанных вопросов^_^