2015-04-21 33 views
12

typeahead ile Bootstrap tags input kullanıyorum ve varsayılan seçenekleri typeaheadjs olarak nasıl ayarlayabilirim merak ediyorum. İşteBootstrap Etiketlerinde typeahead seçenekleri nasıl kullanılır? Giriş

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

, typeaheadjs bir veri kümesi temsil ama nasıl ipucu, vurgulamak, MINLENGTH gibi temel seçenekleri ekleyebilirsiniz: examples ben böyle bir şey gördünüz mü?

cevap

17

Bir çeşit nesne olarak typeaheadjs ekleyebilirsiniz. İlk nesne varlık seçenekleri ve ikinci veri kümeleri

typeaheadjs: [{seçenekleri}, {veri kümeleri}] böyle

şey yapmalıdır. İşte

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

bu yardımcı olan bir DEMO

Umut olduğunu.

+0

Görüyorum ... teşekkürler @DhirajBodicherla (örnek site) paketini kullanarak çalışmaz (http://twitter.github.io/typeahead.js/examples/). Bu güncel değil gibi görünüyor. Usta şubeyle çalıştım ve mükemmel çalışıyor, teşekkürler! – Ander

+0

Demo işlevsel görünmüyor. Typeahead çalışmıyor. – ctorx

+0

@ctorx: Çalışıyor. Bir kelime için yazmaya başlayın ve işe yarayacak – Dhiraj

İlgili konular