如何更改Kendo Dropdownlist內容中的顏色？

Question

我想改變Kendo 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的定製here的另一個樣本。