JQuery UI自动完成加载滚动数据

Question

我有我的搜索栏的JQuery UI自动填充小部件，它对我来说工作正常。基本上我想在滚动搜索栏结果时加载更多数据，我限制了100个结果，如我们从中进行分页后端。

我想在滚动到结束时加载更多100个结果（如分页第2页，点击将显示100个以上结果），并附加到自动完成生成的列表。我如何做到这一点，有没有可用的插件或一些可以帮助我的链接。 我有高达400px的搜索栏结果。我用过Jquery。

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

帮助将不胜感激。

Answer 1

嗯，即使我想这个问题的解决方案。
由于没有回应，我建议你检查这篇文章。
jQuery UI Autocomplete Combobox Very Slow With Large Select Lists
他们提供解决方案，而不是最终的答案
不管怎样最好的运气，如果你想出一个更好的解决办法，请张贴在这里

Answer 2

您可以检查此小提琴 http://jsfiddle.net/LesignButure/EVsye/

Answer 3

这个例子在小提琴http://jsfiddle.net/LesignButure/EVsye/工程很好，但有一个错误。例如，如果您输入“a”，然后向下滚动，然后追加搜索“b”，这将不会显示任何结果，因为“ab”与任何结果都不匹配。然后，如果退格（删除）最后一个字符并且搜索字符串将等于“a”，则只显示前5个结果，如果向下滚动，则不会发生任何情况。

这是因为window.pageIndex不会刷新，因为当你创建一个自动完成修复，你还应该指定“搜索”之类的参数：

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

，这将解决您的问题。