DropDownList 没有选择在弹出窗口中滚动溢出时隐藏的项目（Kendo ui Angular2）

Question

我正在使用：

• “@progress/kendo-angular-dropdowns”：“^0.27.8”
• “@angular/core”：“2.4.3”

我有一个包含 20 多个项目的下拉列表。

当我单击下拉列表时，会出现弹出窗口。只有前 10 个项目可见，其余项目隐藏在弹出溢出下。

如果我选择一个可见的项目，则没有问题并且该项目被选中。

这是选择的项目：

问题：

当我单击一个最初在弹出滚动中不可见的项目时，该项目不会被选中。怎么会？

如您所见，我向下滚动了弹出窗口，以选择一个被溢出隐藏的项目。结果，“默认项目”或“先前选择的项目”保持选中状态。显然不是预期的行为。我相信这是一个错误，任何解决方法都值得赞赏。

Answer 1

似乎该组件与最新的@progress/kendo-angular-dropdowns@0.29.0 配合得很好：

@Component({
  selector: 'my-app',
  template: `
    <div class="example-wrapper">
      <p>T-shirt size:</p>
      <kendo-dropdownlist [data]="listItems">
      </kendo-dropdownlist>
   </div>
  `
})
export class AppComponent {
   public listItems: Array<string> = [];

   ngOnInit() {
     this.listItems = new Array(100).fill("Item").map((s, i) => s + i);
   }
}

http://plnkr.co/edit/Us7LagIZ2M0gMjmsYzGH?p=preview

您可以尝试更新依赖项吗？

Answer 2

我终于找到了我的问题，我怀疑你的问题是一样的。如果您使用函数作为数据源，然后尝试向下滚动并选择列表下方的项目，它不会选择并将您弹回列表顶部。

https://plnkr.co/edit/dKHILUdPFB383jln5cYM?p=preview

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
      <kendo-dropdownlist [data]="listItems()">
      </kendo-dropdownlist>
  `
})
export class AppComponent {
    public listItems(): Array<number> { return  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]; }
}