在 Kendo UI Angular 的下拉列表中更改项目的背景

Question

我需要根据下拉列表中的某些条件突出显示文本并更改背景颜色。 我在官方剑道论坛上进行了一些搜索，但没有找到与下拉列表相关的任何内容。 任何人都可以指导我或提出解决问题的方法。

Answer 1

最后我得到了一个线索，找到了如何突出显示下拉列表中的选项，这个功能现在在最新版本的 Telerik Dropdownlist(5.4.0) 中可用。

在 Telerik 控件中，项目使用而不是使用 .处理这个有点挑战性。

为了突出显示列表中的项目，DropDownList 提供了一个 focusItemAt 方法，允许开发人员将项目聚焦在给定的索引处。

@Component({
  selector: 'my-app',
  template: `
      <kendo-dropdownlist
        #dropdownlist
        [data]="listItems"
        textField="text"
        valueField="value"
        [valuePrimitive]="true"
        (open)="highlight($event, dropdownlist)"
      >
      </kendo-dropdownlist>
    `,
})
export class AppComponent {
  public listItems: Array<{ text: string; value: number }> = [
    { text: 'A', value: 1 },
    { text: 'B', value: 2 },
    { text: 'C', value: 3 },
  ];

  highlight(e, dropdownlist) {
    dropdownlist.focusItemAt(3);
  }

希望，这会有所帮助。