Автозаполнение кнопкой Next / Previous

Question

Я создаю текстовое поле автозаполнения для приложения для устройства с сенсорным экраном jquery autocomlete . Полоса прокрутки в автозаполнении не так удобна для пользователя, поэтому я должен был дать другой вариант. Можно ли включить кнопку Next / Prev внутри автозаполнения? или есть другой хороший вариант для этой проблемы?

Гит.

Answer 1

Насколько я знаю, в jquery autocomplete нет простого способа сделать пейджинг. Поскольку вы не хотите показывать полосу прокрутки, вы можете указать свойства 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-выпадающий