Twitter önyükleme için bir aşağı açılır düğme ekleme Önyükleyici bileşeni

Question

Twitter bootstrap, typeahead adı verilen çok kullanışlı, otomatik tamamlayıcı bir bileşenle birlikte gelir. Yazılırsa, yazım hatası bileşeni, mevcut tüm veri kaynağı bağlanma seçeneklerini (yerel otomatik tamamlama özelliğine ek olarak) gösteren normal bir açılır seçici gibi davranacak şekilde küçük bir açılır düğme (veya pencere öğesi) eklemeye çalışıyorum. Geçerli biçimlendirme aşağıdaki gibi bir şey:

<input type="text" 
     data-provide="typeahead" 
     data-items=5 
     data-source='["option 1","option 2","option 3"]'> 

Yani bileşen bir açılan ve otomatik tamamlama widget bir melez olarak davranmaya ne için gerekli olan bu kadardır yürürlükte. Bunu daha önce kimse yapmış mı? teşekkürler ...

Answer 1

ben bu mükemmel componnet bulduk:

Source code
Live example

Bir şey olsa, açılan düğmenin arka plan rollover komik görünüyor.

... 
.combobox-container .add-on { 
    float: left; 
    display: block; 
    width: auto; 
    min-width: 16px; 
    height: 18px; 
    margin-right: -1px; 
    padding: 4px 5px; 
    font-weight: normal; 
    line-height: 18px; 
    color: #999999; 
    text-align: center; 
    text-shadow: 0 1px 0 #ffffff; 
    /* background-color: #f5f5f5; */ // <<------------ comment this line 
    border: 1px solid #ccc; 
    -webkit-border-radius: 3px 0 0 3px; 
    -moz-border-radius: 3px 0 0 3px; 
    border-radius: 3px 0 0 3px; 
} 
... 

Answer 2

Yakıt UX yanı provides Bootstrap dayalı bir Combobox: düzeltme "önyükleme-combobox.css" küçük bir değişiklik gerektirir.