Jquery 自定义剑道下拉列表中项目的颜色

可以更改剑道下拉列表中已禁用的项目的颜色。我想自定义该项目的颜色，让用户知道该项目已禁用。 这是我的密码：

function DisableUserOfficeItem() {
    var officedropdowndata = officedropdown.dataSource.data();
    for (var i = 0; i < officedropdowndata.length; i++) {
        var active = officedropdowndata[i].OfficeActive;
        if (active === false) {
            $("#usrconfigoffice" + "_listbox .k-item")[i].disabled = true;
            $("#usrconfigoffice" + "_listbox .k-input")[i].css('color', '#c7c7cd'); 
        }
    }
}

函数DisableUserOfficeItem（）{
var officedropdowndata=officedropdown.dataSource.data（）；
对于（变量i=0；i

---

请帮帮我。感谢您的帮助。

您可以使用自定义下拉选项。请参阅此剑道下拉列表自定义

看到这个了吗

$（文档）.ready（函数（）{
$（“#产品”）。kendoDropDownList({
dataTextField:“产品名称”，
dataValueField:“产品ID”，
模板：$（“#模板”）.html（），
数据源：{
运输：{
阅读：{
数据类型：“jsonp”，
url://demos.telerik.com/kendo ui/service/Products“，
}
}
},
数据绑定：函数（e）{
$（“.contracteddisable”）.parent（）。单击（false）；
}
});
});
。可停止添加{
颜色：#777777
}

#如果（已停止）{#
#：ProductName##}其他{#
#：ProductName##}#
一般（打字脚本）：

 $('#your-dropdown').kendoDropDownList({
    dataBound: function () {
       $(this.items()).each(function (index, item) {
          var model = $('#your-dropdown').data('kendoDropDownList').dataItem(index);
          $(item).css('background-color', model.bgcolor);
       });
    }
 });