Question

我的搜索栏有JQuery UI自动完成小部件，它适用于我。基本上我想加载更多关于滚动搜索栏结果的数据，我限制了100个结果，比如我们从后端做的分页。

我想在滚动到结尾时加载更多100个结果（如在分页页面2中单击将显示100个结果）并附加到自动完成生成的列表中。我如何实现这一点，是否有任何可用的插件或一些可以帮助我的链接。搜索栏结果我有400px的高度。我使用过Jquery。

我找到了一些解决方案但是可以滚动到页面结尾。这里我有400px高度和滚动条的搜索结果，并希望加载更多滚动数据到最后LI。

非常感谢帮助。

Answer 1

你可以查看这个小提琴 http://jsfiddle.net/LesignButure/EVsye/

Answer 2

即使我想要解决这个问题。
由于没有回复，我建议你查看这篇文章 jQuery UI Autocomplete Combobox Very Slow With Large Select Lists
他们提供解决方案但不是最终答案无论如何运气好，如果你想找到更好的解决方案，请在这里发布

Answer 3

Fiddle http://jsfiddle.net/LesignButure/EVsye/中的这个例子效果很好，但有一个错误。

例如，如果您输入＆＃34; a＆＃34;，然后向下滚动，然后追加搜索＆＃34; b＆＃34;，这将不会显示任何结果，因为＆＃34; ab＆＃34;没有匹配任何结果。然后，如果退格（删除）最后一个字符并且搜索字符串将等于＆＃34; a＆＃34;，则仅显示前5个结果，如果向下滚动，则不会发生任何事情。

这是因为window.pageIndex没有刷新，作为创建自动完成时的修复，你还应该指定＆＃34;搜索＆＃34;参数如：

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

这将解决您的问题。

Answer 4

抱歉，答案可能有点晚了。但是搜索类似的组件让我进入了以下 github 页面，它完美地完成了这项工作。 https://github.com/ashh640/Rich-Autocomplete

<块引用>

一个简单而强大的自动完成jQuery插件。非常简单地允许大数据列表，具有自定义渲染、分页、过滤和延迟加载，只需很少的编码。配有键盘导航以实现辅助功能。