2015-01-20 2 views
1

У меня есть удаленный пример Typeahead и работает. Тем не менее, мне интересно, использую ли я его по назначению.Правильное использование Typeahead?

По существу, несмотря на то, что он отображает соответствующий контент, мне нужен уникальный идентификатор отображаемых данных.

Удаленный URL будет возвращать что-то вроде этого:

[{"id":"123456789", "email":"[email protected]", "value":"Me Lastname"}] 

Так, дисплей Me Lastname, но на самом деле представить 123456789?

Моя кишка говорит мне, что мне нужно что-то еще, может быть что-то вроде этого: Select2?

ответ

0

Может быть, вы могли бы использовать custom events из typeahead делать что-то вроде этого:

.typeahead({ 
...... 
}, 
{ 
....... 
}) 
.on('typeahead:selected', onSelected); 

пожалуйста Нот, что .on, он будет аккуратный пользовательскую функцию, как это одна:

function onSelected($e, datum){ 
    //do your stuff depending on your implementation 
    // you might want to fill an hidden field with the id 
    // and submitting your form, or something else. 
    // you can access your json in this way 
    console.log(id); //="123456789 
    console.log(email); //="[email protected] 
    console.log(value); //="Me Lastname" 

here вы можете найти некоторые примеры

+0

В итоге я использовал http://ivaynberg.github.io/select2/, у которого есть поведение, которое я ищу из коробки. Он также работает с Bootstrap3. Спасибо за ответ. – TekiusFanatikus

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