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

时间:2017-02-15 19:21:50

标签: angular drop-down-menu kendo-ui dropdown kendo-ui-angular2

我正在使用:

  • " @ progress / kendo-angular-dropdowns":" ^ 0.27.8"
  • " @ angular / core":" 2.4.3"

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

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

如果我选择一个可见的项目,则没有问题,该项目会被选中。 enter image description here

这是所选项目:

enter image description here

问题:

当我点击弹出滚动条中最初不可见的项目时,该项目不会被选中。怎么样?

enter image description here

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

enter image description here

2 个答案:

答案 0 :(得分:0)

使用最新的isSuccesful()

,该组件似乎运行良好
@progress/kendo-angular-dropdowns@0.29.0

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

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

答案 1 :(得分:0)

我终于弄清楚了我的问题,我怀疑你的问题也一样。如果您使用函数作为数据源,然后尝试向下滚动并在列表下方选择一个项目,则不会选择该项目,而是将您弹出列表的顶部。

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]; }
}