Asp.net mvc 如何在kendoUI中将颜色标记动态添加到dropdownlist

我正在列表视图中使用颜色下拉列表。在这个下拉列表中，我可以从数据源显示数据库中的颜色。 我想要的是，在下拉列表中，对于每个值，我想要显示颜色的名称，并用这个颜色填充方形框。 我已经实现了以下用于显示下拉列表的功能

 <select STYLE="width:90px;height:auto" id="Flag" data-bind="value:prj_flag"  data-text-field="usr_color"  data-value-field="usr_id" data-source="FlagdatSource" data-role="dropdownlist"></select>

您知道如何使用KendoUI定义它而不是它吗？我的意思是，如果您知道如何使用HTML

select

，那么您应该能够使用

DropDownList

中的

template

在KendoUI中实现相同的功能（选中）。这样做，您可以将问题简化为CSS问题，而不是KendoUI问题。

您应该创建服务器，不仅返回这些颜色的文本，还返回颜色代码。然后，您只需要创建一个模板

唯一的区别是它使用的是本地数据（不是来自服务器）