Справка по форматированию автозаполнения интерфейса jQuery (я новичок в jQuery) - PullRequest
1 голос
/ 06 апреля 2010

Я использовал этот учебник , чтобы сделать функцию автозаполнения. (ОБНОВЛЕНИЕ: я отказался от маршрута автозаполнения пользовательского интерфейса jQuery, потому что для него не так много документации.) Следующий код работает (НАКОНЕЦ). Мне также удалось заставить ссылки предложения работать. Я планирую сделать что-то вроде поста в блоге, чтобы помочь другим новичкам, таким как я, понять это. :)

$("#q").result(function(event, data, formatted) {
document.location.href = row.url;
});

$("#q").autocomplete("/a_complete.php", {
    dataType: 'json',
    parse: function(data) {
        var rows = new Array();
        for(var i=0; i<data.length; i++){
            rows[i] = { data:data[i], value:data[i].pos, value:data[i].team, value:data[i].url, result:data[i].value };
        }
        return rows;
    },
    formatItem: function(row, i, n) {
        return '<a href="' + row.url + '">' + row.value + ' <span style="float: right; font-size: 11px; color: gray; padding-right: 10px;"><strong style="">' + row.pos + '</strong> ' + row.team  +' </span></a>';
    },
    extraParams: {
        q: '',
        limit: '',
        sport: '<?=$sport?>',
        featureClass: 'P',
        style: 'full',
        maxRows: 15,
        term: function () { return $("#q").val() }
    },
    max: 25,
    scrollHeight: 300,
    width: 200
});             

1 Ответ

0 голосов
/ 06 апреля 2010

Я тоже хотел поиграть с новым автозаполнением, но пока еще не успел ... а вы видели этот урок? http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/. Возможно, в этом что-то есть?

Ооо тоже это заметил? Что делают параметры formatResult и formatItem в JQuery Autocomplete? с предыдущего постера, похоже, что вам нужно немного настроить, чтобы заставить его работать, в противном случае вы могли бы объединить данные в один блок и пройти через это?

Надеюсь, это поможет:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...