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

Question

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

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

希望，这对您有所帮助。

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

Change background of Item in dropdownlist in Kendo UI Angular

kendo-ui

kendo-ui-angular2

angular