JQuery UI Автозаполнение загрузки данных при прокрутке

Question

У меня есть виджет автозаполнения JQuery UI для панели поиска, он отлично работает со мной. В основном я хочу загрузить больше данных при прокрутке результатов панели поиска, я ограничил 100 результатов, таких как разбиение на страницы, которые мы делаем из бэкэнда.

Я хочу загрузить более 100 результатов при прокрутке до конца (как при щелчке по странице 2 при щелчке отобразится еще 100 результатов) и добавить в список, созданный функцией автозаполнения. Как мне этого добиться, есть ли какой-нибудь плагин или какая-то ссылка, которая может мне помочь. У меня есть высота 400 пикселей для результата поиска. Я использовал Jquery.

Я нашел несколько решений, но это работает с прокруткой до конца страницы. Здесь у меня есть результат поиска с высотой 400px и полосой прокрутки, и я хотел бы загрузить больше данных при прокрутке до последнего LI.

Помощь будет наиболее ценной.

Answer 1

вы можете проверить эту скрипку http://jsfiddle.net/LesignButure/EVsye/

Answer 2

Ну, даже я хотел решить этот вопрос.
Так как нет ответа, я рекомендую вам проверить этот пост.
Сочетание со списком автозаполнения jQuery UI очень медленно с большими списками выбора
Они обеспечивают решения, но не окончательные ответы
В любом случае, удачи, и если вы найдете лучшее решение, пожалуйста, опубликуйте его здесь

Answer 3

Этот пример в Fiddle http://jsfiddle.net/LesignButure/EVsye/ работает хорошо, но имеет одну ошибку.

Например, если вы введете «a», затем прокрутите вниз, а затем добавите к поиску «b», результаты не будут показаны, так как «ab» не соответствует ни одному результату.Затем, если вы уберете (удалите) последний символ и строка поиска будет равна «а», будут показаны только первые 5 результатов, а если прокрутить вниз, ничего не произойдет.

Это потому, что window.pageIndex необновлен, в качестве исправления при создании автозаполнения, вы также должны указать параметр «поиск», например:

$("#tags").autocomplete({
    search: function (event,ui) {
        window.pageIndex = 0;
    },
    source: availableTags,

, и это решит вашу проблему.