Kendo 下拉列表弹出高度不起作用

Question

在这个 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"];
}

Answer 1

更好的方法是使用 popupClass 而不是 height。这使您能够定义为弹出窗口执行的 css class。在那个 class 你可以定义像 min-height 等属性

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

See documentation

编辑：

在上面的解决方案中，您似乎必须设置 ViewEncapsulation.None 并在 css 中设置高度属性。

我找到了一个更简单的解决方案：

看来您还必须设置“listHeight”。默认情况下，listHeight 为 200px。

看看这个Stackblitz

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

Kendo 下拉列表弹出高度不起作用

Kendo dropdown list popup height not working

kendo-ui

kendo-ui-angular2

angular