Высота всплывающего списка кендо не работает - PullRequest
Новая
       12

Высота всплывающего списка кендо не работает

0 голосов
/ 06 мая 2019

В этом StackBlitz У меня есть раскрывающийся список Kendo for Angular с высотой всплывающего окна 20px. Тем не менее, когда я открываю выпадающий список, высота всплывающего окна остается неизменной. Как заставить это работать? 

@Component({
selector: 'my-app',
template: `
 <kendo-dropdownlist [data]="listItems" [popupSettings]="{ height: 20 }">
 </kendo-dropdownlist>
`
})
export class AppComponent {
  public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}

1 Ответ

1 голос
/ 27 мая 2019

Лучший способ сделать это - использовать popupClass вместо height. Это позволяет вам определить класс CSS, который выполняется для всплывающего окна. В этом классе вы можете определить такие атрибуты, как минимальная высота и т. Д. 

[popupSettings]="{ popupClass: 'myPopupClass' }"

См. Документацию

Редактировать :

В приведенном выше решении похоже, что вы должны установить ViewEncapsulation.None и установить свойство height в css.

Я нашел более простое решение:

Похоже, вам также нужно установить ' listHeight '. По умолчанию значение listHeight составляет 200 пикселей.

Посмотрите на это Stackblitz 

<kendo-dropdownlist [data]="listItems" [popupSettings]="{ height: 20 }" listHeight="20">
</kendo-dropdownlist>
...