Kendo mvc 在下拉列表中加入文本答案

【问题标题】：Kendo mvc joined text in dropdown listKendo mvc 在下拉列表中加入文本
【发布时间】：2019-01-02 09:13:21
【问题描述】：

我在 Kendo 中有几个下拉菜单，它们是过滤器。我得到了 LogLevel(Typ after translate)，它是 Enum，在网格上我将其显示为图标，当我将鼠标悬停时我可以阅读标题：

列LogLevel代码：

columns.Bound(c => c.LogLevel)
       .ClientTemplate(@"<span #
       if (LogLevel == " + (int)EActivityLogLevel.Default + ") { # style='color: \\#000000' class='fas fa-info' title='Default' # } " +
       "else if (LogLevel == " + (int)EActivityLogLevel.Information + ") { # style='color: \\#1BA1E2' class='fas fa-info-circle' title='Information' # } " +
       "else if (LogLevel == " + (int)EActivityLogLevel.Success + ") { # style='color: \\#00FF33' class='fas fa-check-circle' title='Success' # } " +
       "else if (LogLevel == " + (int)EActivityLogLevel.ContentChange + ") { # style='color: \\#6666CC' class='fas fa-exchange-alt' title='Content change' # }" +
       "else if (LogLevel == " + (int)EActivityLogLevel.Warning + ") { # style='color: \\#FFCC00' class='fas fa-exclamation-triangle' title='Warning' # } " +
       "else if (LogLevel == " + (int)EActivityLogLevel.Error + ") { # style='color: \\#E51400' class='fas fa-exclamation-circle' title='Error' # } " +
       "else if (LogLevel == " + (int)EActivityLogLevel.CriticalError + ") { # style='color: \\#990033' class='fas fa-exclamation-circle' title='Critical error' # }" +
       "#></span>")
       .Width(100)
       .HtmlAttributes(new { @class = "text-center" });

我的过滤器下拉列表位于页面顶部，如下所示：

我正在像这样在控制器中制作下拉菜单：

var logLevelList = Enum.GetValues(typeof(EActivityLogLevel)).Cast<EActivityLogLevel>();
filterVM.AvailableLogLevel = logLevelList
            .Select(i => new SelectListItem
            {
                Text = T(i.GetDisplayName()),
                Value = ((int)i).ToString()
            }).ToList();

是否有可能像在网格中一样在下拉列表中设置文本（我的意思是图标和文本）？在网格中，我可以使用 clientTemplate，但不知道在创建下拉列表时如何执行此操作

【问题讨论】：

标签： c# model-view-controller kendo-ui

【解决方案1】：

当然，您可以尝试使用 Template、FooterTemplate 或 HeaderTemplate，就像在这个 Demo 中一样，或者 ValueTemplate 在其他参考中。我现在无法测试它们，但我确信其中一种对你有用。

【讨论】：