JQueryUI Autocomplete ComboBox слишком длинный

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

Ответ 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;
}

Ответ 2

Это старый вопрос, поэтому, когда решение j08691 отлично работало со старыми Primefaces, теперь имя класса изменилось на "ui-autocomplete-list":

.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;
}

Ответ 3

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

Ответ 4

В какой-то момент это снова изменилось, так как из jQuery-UI 1.12.1 класс является "ui-autocomplete.ui-front", поэтому принятый ответ будет выглядеть следующим образом:

.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;
}