jQueryUI Autocomplete ComboBox Слишком длинный

Question

My jQuery UI Автозаполнение ComboBox не имеет полосы прокрутки с правой стороны и получает очень, к сожалению, долго, как показано ниже. Я хотел бы ограничить этот список разумной длиной - какие-либо мысли о том, как это можно сделать? Благодаря!

Answer 1

Вы можете установить высоту с помощью CSS:

.ui-autocomplete { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 2

начать смотреть в CSS. Скорее всего, выпадающим списком является select или ul. Если выпадающее приложение включено в DIV, добавьте «overflow: auto», что даст ему полосу прокрутки. Или установите максимальную высоту в div. Еще одно решение будет ограничивать результаты. Просто не заполняйте поле этим количеством записей.

Answer 3

Это старый вопрос, поэтому в то время как решение по j08691 работало нормально с более старыми Primefaces, теперь имя класса изменился на «щ-автозавершения-лист «:

.ui-autocomplete-list { 
    max-height: 400px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
} 

Answer 4

в какой-то момент это изменилось снова, как в JQuery UI-1.12.1 класс 'щ-autocomplete.ui фронта', поэтому принятый ответ будет:

.ui-autocomplete.ui-front { 
    max-height: 600px; 
    overflow-y: auto; /* prevent horizontal scrollbar */ 
    overflow-x: hidden; /* add padding to account for vertical scrollbar */ 
    z-index:1000 !important; 
}