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

Question

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

示例

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

我将此表绑定到kendo下拉列表，并且无论值具有primaryownerId否，我都想应用粗体字体样式，而其他则需要使用斜体字体。

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

在dojo https://dojo.telerik.com/AKAteWoY/2

中尝试