Kendo ui 更改剑道中的下拉式弹出高度

Kendo ui 更改剑道中的下拉式弹出高度,kendo-ui,kendo-ui-angular2,Kendo Ui,Kendo Ui Angular2,在这里,我有一个角度剑道下拉列表。打开下拉列表时,弹出窗口显示七个项目。我只想展示三个项目。所以我在popumpettings中将高度设置为30,但剑道忽略了它。如何更改弹出窗口的高度 @Component({ selector: 'my-app', template: ` <kendo-dropdownlist [data]="listItems" [popupSettings]="{ width: 100

在这里,我有一个角度剑道下拉列表。打开下拉列表时,弹出窗口显示七个项目。我只想展示三个项目。所以我在
popumpettings
中将高度设置为30,但剑道忽略了它。如何更改弹出窗口的高度

@Component({
  selector: 'my-app',
  template: `
      <kendo-dropdownlist 
         [data]="listItems"
         [popupSettings]="{
            width: 100,
            height: 30 }">
      </kendo-dropdownlist>
  `
})
export class AppComponent {
    public listItems: Array<string> = [];

    ngOnInit(){
         for(var i=1;i<=100;i++)
            this.listItems.push('Item ' + i);
    }

}
@组件({
选择器:“我的应用程序”,
模板:`
`
})
导出类AppComponent{
公共列表项:数组=[];
恩戈尼尼特(){

对于(var i=1;i,如果您可以检查浏览器上的元素,您将看到Kendo为下拉列表生成一个
div

<div unselectable="on" class="k-list-scroller" style="max-height: 200px;">

更改类
k-list-scroller的
max height

请参见此,更改k-list-scroller无效