Пользовательский интерфейс jQuery - Форматирование результатов автозаполнения. Возможно ли добавить изображение?

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

Я хотел бы знать, есть ли у кого-нибудь пример / учебник, в котором объясняется, как изменить внешний вид раскрывающегося списка автозаполнения. Мой код выглядит следующим образом:

$( "#SearchInput" ).autocomplete({
    source: function( request, response ) {
        $.ajax({
            url: "http://servername/index.pl",
            dataType: "json",
            data: {
                term: request.term
            },
            success: function( data ) {
                response( $.map( data.items, function( item ) {
                    return {
                        label: item.id + " - " + item.label,
                        value: item.id
                    }
                }));
            }
        });
    },
});

Это работает, я получаю отображение идентификатора и метки, разделенных дефисом. В идеале я хотел бы знать, как отформатировать отображение результатов. Мне нужен идентификатор, а затем ярлык под идентификатором. Если возможно, я хотел бы знать, как отображать изображение справа от текста.

Если у кого-то есть какие-либо указания, как этого добиться, я был бы замечателен.

19
задан bilash.saha 24 March 2016 в 18:31
поделиться