如何根据其值更改下拉列表值样式？

Question

我在 Asp.net 网络表单中使用 Kendo UI。我处于需要区分来自 tables 的数据的情况。我想根据数据区分每个值的样式。

示例

Value                               |PrimaryOwnerId
_______________________________________________________________________
EVP-RP&P                           |  False
Execution Coordinator                   |  False
Inspection Lead                           |  False
Instrument, Electrical, and Analyzer      |  False
Logistics                           |  True
Operations                           |  False
Planning                           |  True

这个 table 我绑定了 kendo 下拉菜单，任何值都有 primaryownerId false 我想应用粗体字体样式，其他需要是斜体。

function loadValues(PrimaryOwners1, PrimaryOwners2) {
    $("#lstPOwner1").kendoDropDownList({
        dataSource: PrimaryOwners1,
        dataTextField: "text",
        dataValueField: "value",
        change: function () {
            disablecontrol(this.value(), "#btnFilter1")
        }
    });
}

拜托，有人可以帮忙吗？

Answer 1

您可以使用 kendo 模板来实现此目的

var data = [
  {flag: true, value: 'test1'},
  {flag: false, value: 'test2'},
  {flag: true, value: 'test3'},
  {flag: false, value: 'test4'}
]

$('#dropdownlist').kendoDropDownList({
  dataSource: data,
  dataTextField: "value",
  template: '<span style="#= flag ? "font-weight:bold" : "font-style:italic" #">#:value#</span>'
});

在道场试试https://dojo.telerik.com/AKAteWoY/2

如何根据其值更改下拉列表值样式？

How to Chnage dropdownlist value style based on it's value?

javascript

jquery

kendo-ui

kendo-grid