Почему не работает typeahead?

Question

[entermix]

Использую этот плагин: https://github.com/bassjobsen/Bootstrap-3-Typeahead

Вот так всплывающие подсказки есть:

$('#cityName').typeahead(
            {
                  source: [
                 {id: "0", name: "Москва"},
                 {id: "1", name: "Владивосток"}
                 ], 
                autoSelect: true
            });

А так нету, почему так?

function getList(query) {
               return [
                        {id: "0", name: "Киев"},
                       {id: "1", name: "Чернигов"}
                   ]
        }

        $('#cityName').typeahead(
            {
                source: getList,
                autoSelect: true
            });

Если поставить alert в getList, срабатывает постоянно при вводе текста в input

Answer 1

[bkosun]

Вам нужно запустить callback функцию

Пример:

$('#cityName').typeahead(
            {
                source: function (query, handler) {
                           
                            var data = [
                                {id: "0", name: "Киев"},
                                {id: "1", name: "Чернигов"}
                             ]

                            handler(data);
                },
                autoSelect: true
            }
        );

Answer 2

[Viktor Vsk]

Зачем функции getList нужен параметр query, который не используется?
source: getList значит передать ссылку на функцию, а не вызвать функцию (что бы получить результат)
вообще, подход какой-то странный, но то, что вы ожидаете, наверное, будет если написать source: getList()

И да, не пользуйтесь алертами.

Comments

[entermix]

query это текст запроса, который typeahead передает автоматически в вызываемую функцию, он нужен для поиска инфы в БД, сейчас я просто поставил туда 2 значения, чтобы показать пример. Если поставить getList(), все работает, но только 1 раз, а нужно чтобы source запрашивался каждый раз при вводе текста