Плагин автозаполнения jQuery для автозаполнения пользовательского интерфейса jQuery - PullRequest
Новая
       25

Плагин автозаполнения jQuery для автозаполнения пользовательского интерфейса jQuery

2 голосов
/ 20 октября 2011

У меня есть простое автозаполнение википедии с использованием API википедии.

В настоящее время он работает с автозаполнением jQuery Плагин , и я хочу сделать это с помощью пользовательского интерфейса jQuery.

Может, кто-нибудь проведет меня, пожалуйста?

Вот скрипка рабочего демо с использованием плагина: http://jsfiddle.net/VjLnv/

А вот и JS: 

function attachWikiAutoComplete(expression) {
    $("#artist").autocomplete("http://en.wikipedia.org/w/api.php",  {
        dataType: "jsonp", 
        parse: function(data) { 
            var rows = new Array(); 
            var matches = data[1];
            for( var i = 0; i < matches.length; i++){ 
                rows[i] = { data:matches[i], value:matches[i], result:matches[i] }; 
            } 
            return rows;
        },
        formatItem: function(row) { return row; }, 
        extraParams: {
            action: "opensearch", 
            format: "json", 
            search: function () { return $("#artist").val() } }, 
        max: 10 
    });
}

Большое спасибо

1 Ответ

8 голосов
/ 20 октября 2011

Это эквивалентный код в автозаполнении jQueryUI: 

$("#artist").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "http://en.wikipedia.org/w/api.php",
            dataType: "jsonp",
            data: {
                'action': "opensearch",
                'format': "json",
                'search': request.term
            },
            success: function(data) {
                response(data[1]);
            }
        });
    }
});

Рабочий пример: http://jsfiddle.net/UGYzW/2/

...