Пользовательская логика выбора Twitter Typeahead
Я использую Twitter Typeahead для создания предложений. Мой запрос Ajax возвращает сложный тип данных, который красиво отображается в разделе предложений. Когда пользователь выбирает одно предложение, я хочу сохранить идентификатор элемента в скрытом поле, а имя + цвет элемента - в поле ввода. Как я читал в документации, мне пришлось бы переопределить метод отображения в конструкторе Typeahead (или как там он называется в JS), примерно так:
display: function(item) {
$("#idhiddenfield").val(item.id);
return item.name + " " + item.color;
}
С этим есть две проблемы: во-первых, он запускается, когда появляется предложение, а не его выбор (отображать кажется мне странным, но в документации указано, что это правильный метод, на мой взгляд, это должен быть select или что-то в этом роде), а также, если Я выхожу из поля и снова нажимаю на него, он запускает вызов Ajax, который показывает «Результаты не найдены» (потому что комбинация имя + цвет не запрашивается на стороне сервера), что, безусловно, плохо.
Может ли кто-нибудь помочь мне с этими двумя проблемами?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Я думаю, вы неправильно истолковали документы здесь. Функция отображения - определить строку, отображаемую в предложении.
Вы можете отреагировать на выбор предложения с помощью события typeahead:select в элементе input. например.:
$("#typeAheadInput").on("typeahead:select", function(event){ //Your logic here});
Я бы предложил переместить вашу логику в именованную функцию и не использовать встроенную анонимную функцию для лучшей читаемости.
$("#typeAheadInput").on("typeahead:select", yourNamedFunction);