使用「下一個/上一個」按鈕進行自動完成

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