如何动态地将颜色标志添加到kendoUI中的下拉列表中

时间:2012-11-22 07:10:39

标签: asp.net-mvc kendo-ui

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

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

2 个答案:

答案 0 :(得分:0)

您知道如何使用KendoUI定义 NOT 吗?我的意思是,如果你知道如何使用HTML select来实现它,那么你应该能够使用template中的DropDownList在KendoUI中实现相同的功能(检查KendoUI DropDownList)。这样做,可以将问题转移到CSS问题而不是KendoUI。

答案 1 :(得分:0)

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

Here it is in action,唯一的区别是它使用的是本地数据(不是来自服务器)。