2013-10-02 3 views
0

Я обновил Bootstrap 2 до Bootstrap 3, и самая большая проблема в том, что typeahead был удален, и рекомендуется использовать typeahead.js. Так что я установил его, и легко использование машинописной работы без проблем, но я также использовать другие функции, такие как:Bootstrap 3 typeahead.js, использовать аналогичные функции из Bootstrap 2

$('#my_field').typeahead({ 
    source : [list_of_items], 
    matcher: function(item) { 
     foo(); 
     return item; 
    }, 
    updater : function(item) { 
     foo2(); 
     return item; 
    }, 
    closed: function(item) { 
     ... 
    }, 
    autocompleted: function(item) { 
     ... 
    } 
}); 

Как я могу реализовать аналогичные функции с использованием typeahead.js?

Под https://github.com/twitter/typeahead.js некоторые функции, такие как

typeahead:initialized, typeahead:opened, typeahead:closed 

но нет примеров того, как использовать их

ответ

1

Вы могли бы также попытаться использовать «старый» плагин, см: https://github.com/bassjobsen/Bootstrap-3-Typeahead.

typeahead:initialized и т. Д. Ваше упоминание - это события. Вы можете использовать их для запуска некоторого кода, когда происходит событие, например $('typeahead').on('typeahead:initialized',function()).

Вы можете использовать функцию filter для добавления функций, таких как сопряжение.

Когда данные отображаются как предложения, объект базы данных представляет собой контекст , переданный шаблону. Это означает, что если вы включаете любые произвольные свойства в объектах базы данных, эти свойства будут доступны для шаблона, используемого для визуализации предложений.

Это может быть использовано для реализации функции выделения.

Таким образом, вам придется различать функции данных, функции шаблона и события.

+0

спасибо, на самом деле я решил использовать «старый» плагин – felipep

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