Динамическая высота для текстового поля автозаполнения AJAX - PullRequest
Новая
       7

Динамическая высота для текстового поля автозаполнения AJAX

1 голос
/ 15 июня 2009

Я использую надстройку автозаполнения AJAX для элемента управления <asp:textbox>. У меня все работает с <div> вокруг <ajaxToolkit:AutoCompleteExtender>.

Я установил следующий класс CSS: 

.autocomplete_CompletionListElement
{
    margin: 0px;
    background-color: White;
    cursor: default;
    overflow-y: auto;
    overflow-x: hidden;
    height:180px;
    text-align: left;
    border: 1px solid #777;
    z-index:10000;
}

Прямо сейчас, когда список содержит разумное количество элементов, появляется вертикальная полоса прокрутки (что правильно), и я могу прокрутить раскрывающийся список, который установлен в CSS на 180 градусов (как видно выше).

Однако, когда в раскрывающемся списке есть только 1 или 2 элемента, высота остается неизменной на уровне 180 пикселей с двумя элементами и пустым пробелом ниже. В идеале я бы хотел, чтобы выпадающий список AJAX уменьшался до высоты его содержимого. Если содержимое превышает 180 пикселей, должна появиться полоса прокрутки (как это происходит сейчас).

1 Ответ

3 голосов
/ 15 июня 2009

Удалите height:180px и измените CSS, чтобы использовать что-то вроде: 

max-height:180px;

Это должно работать (но я думаю, что только из IE7 +), другие браузеры должны поддерживать его нормально.

...