asp.net-mvc - 如何更改 Kendo Dropdownlist 内容中的颜色？

Question

我想改变剑道Dropdownlist内容文本的颜色。我想在内容文本中应用两种颜色。

前让我们拿一件像

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

在这里，我只想为“20 美元”和“200 美元”更改红色。

可能吗？

Answer 1

使用kendo.ui.DropDownList您可以提供模板，用于渲染列表中的项目。例如

 <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 自定义的另一个示例在这里。