asp.net-mvc - 如何在 kendoUI 的下拉列表中动态添加颜色标志

Question

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

 <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>

Answer 1

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

在这里它在起作用，唯一的区别是它使用本地数据（不是来自服务器）。

Answer 2

你知道如何定义它不使用 KendoUI 吗？我的意思是，如果你知道如何使用 HTML 来做到这一点，select那么你应该能够在 KendoUI 中使用templatein实现相同的功能DropDownList（检查KendoUI DropDownList）。这样做，您将问题简化为 CSS 问题而不是 KendoUI。