Создание виджета автозаполнения jQuery UI * фактически * автозаполнением

Мне нужно автозаполнение в приложении, над которым я работаю, и, поскольку я уже использую jQuery UI, я пытаюсь сделать его автозаполнение виджет соответствует моим потребностям.

Шаг первый - сделать так, чтобы поисковый запрос соответствовал только началу предложенных терминов. У меня это уже работает, как вы можете видеть в приведенном ниже коде. Шаг второй: первое предложение должно автоматически заполняться .

Что, вероятно, требует небольшого пояснения. Когда я слышу «автозаполнение», я представляю, что набираю «f» и содержимое текстового поля изменяется на «foo» с выбранным «oo», так что оно заменяется, если я набираю другой символ, и оставляю его в поле, если Я выхожу из этого. Я' d обычно вызывает то, что предлагает виджет автозаполнения, а не автозаполнение.

Глядя на внутреннюю работу автозаполнения, я думаю, что событие autocompleteopen - правильное место для этого (оно вызывается каждый раз, когда список предложения обновлены), но я не понимаю, как получить оттуда доступ к списку предложений.

Есть мысли?

$("#field").autocomplete({
    delay: 0,

    source: function filter_realms(request, response) {
        var term = request.term.toLowerCase();
        var length = term.length;

        response($.grep(candidates, function(candidate) {
            return candidate.substring(0, length).toLowerCase() === term;
        }));
    },

    open: function(event, ui) {
        // magic happens here?
    }
});