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

Question

我在 Asp.net Webforms 中使用 Kendo UI。我面临的情况是需要区分来自表的数据。我想根据数据区分每个值的样式。

示例

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

我使用 kendo 下拉列表绑定(bind)此表，并且任何值 primaryownerId false 我想应用粗体字体样式，其他需要是斜体字体。

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

请问有人可以帮忙吗？

Answer 1

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

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