使用“下一个/上一个”按钮进行自动完成

Question

我正在为触摸屏设备jquery autocomlete的应用程序创建自动完成文本框。自动完成中的滚动条不那么用户友好，所以我想给出另一种选择。是否可以在自动完成中包含Next/Prev按钮？或者对于这个问题还有其他不错的选择吗？

Geetha。

Answer 1

据我所知，没有简单的方法在jquery自动完成中进行分页。由于您不想显示滚动条，因此您可以指定max和scrollHeight属性，以便在没有任何滚动条的情况下显示足够的选项。这里max是它将显示的最大结果数量。

$("div.autocomplete").autocomplete('results.aspx',{ 
    max:10; 
    scrollHeight:250 
}); 

如果你拼命想要分页，为什么不使用Jquery FlexBox。在Flexbox中，您可以非常轻松地实现分页。

$('div.autocomplete').flexbox('results.aspx', { 
    showArrow: false 
    paging: { 
     pageSize: 10 
    } 
}); 

由于Flexbox的默认显示在输入框右侧的箭头标志，你需要设置showArrow到false移除，并使它看起来像一个自动完成，而不是一个组合框。这里pageSize指定每页最大结果数。

Answer 2

接受答案中的FlexBox显然不再可用。

但是，我确实找到了另一个看起来非常好的选项，并且可以在MIT许可下获得。

jquery.ajax-combobox