在过滤器菜单中将字符串渲染为html

时间:2017-11-14 09:56:23

标签: jquery kendo-ui

我目前正在使用kendo Grid,而且我遇到了一个问题。 在我的网格中,我有一个只显示FA(Font Awesome)图标的列。它看起来像这样:

columns: [
            {
                field: "Icon", encoded: false, title: " ",
                filterable: {
                    multi: true
                },
                width: "25px",
                attributes: {
                    "class": "custom-td"
                }
            }

我的数据源如下所示:Icon = "<i class=\"#= fa fa-mobile fa-lg #\"></i>"

在我的网格中,我添加encoded: false,然后将字符串呈现为HTML。 但我需要以某种方式对过滤器菜单做同样的事情。截至目前,过滤器如下所示:

enter image description here

我在文档中找不到如何在过滤器菜单中启用字符串呈现为HTML的地方。 完美的解决方案是将encoded: false添加到可过滤的下方。

我希望有人可以帮助我,提前谢谢你!

修改 我正在添加this图片以进一步说明。

1 个答案:

答案 0 :(得分:0)

我通过使用itemTemplate功能为多重复选框创建自定义项目模板解决了我的问题。
Here's一个带有示例的道场。