2015-04-21 14 views
12

Używam Bootstrap tags input z typeahead i zastanawiałem się, jak ustawić domyślne opcje dla typeaheadjs. W examples Widziałem coś takiego:Jak używać opcji nagłówków w tagach Bootstrap Wprowadzanie

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

Tutaj typeaheadjs reprezentowania zestawu danych, ale w jaki sposób mogę dodać podstawowe opcje jak nutą, podświetlenia, MINLENGTH?

Odpowiedz

17

Możesz podać addaaheadjs jako tablicę obiektów. Pierwsze opcje obiektu i drugie zbiory danych

typeaheadjs: [{opcje}, {zestawy danych}]

Coś jak to powinno robić.

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

Oto DEMO

Nadzieja to pomaga.

+0

Rozumiem ... dziękuję @DhirajBodicherla, który nie działa przy użyciu pakietu z [witryny przykładów] (http://twitter.github.io/typeahead.js/examples/). Wydaje się być nieaktualny. Próbowałem już z master branch i działa idealnie, dzięki! – Ander

+0

Demo nie wydaje się być funkcjonalne. Typeahead nie działa. – ctorx

+0

@ctorx: Działa. Zacznij pisać słowo i zadziała – Dhiraj

Powiązane problemy