如何改变Kendo下拉列表内容中的颜色？

Question

我想更改Kendo Dropdownlist内容文字中的颜色。我想在内容文本中应用两种颜色。

Ex让我们选择一个像

这样的项目

1. 银行余额20 $
2. 其他基金200 $`

这里我想仅为“20 $”和“200 $”更改红色。

有可能吗？

Answer 1

使用kendo.ui.DropDownList，您可以提供模板，它将用于呈现列表中的项目。 E.g。

 <script>
     $("#dropdownlist").kendoDropDownList({
         dataSource: dataSource,
         dataTextField: "Name",
         dataValueField: "Id",
         template: '<text>${data.Id} ${data.Name}' + 
                   '<span class='money'>${data.Amount}</span></text>'
     });
 </script>

或者如果您使用服务器端帮助程序：

Html.Kendo().DropDownList()
    .Name("funds")
    .DataTextField("Name")
    .DataValueField("Id")
    .Template("text>${data.Id} ${data.Name}" + 
              "<span class='money'>${data.Amount}</span></text>")

DropDownList自定义here的另一个示例。