Kendo 模板在从函数调用时显示原始 html

Question

我正在使用 Kendo Grid，并且我有一个函数，我用它来获取一些 Html 来为我的其中一个列呈现。我的代码如下所示：

{
                        field: "StateString",
                        title: "State",
                        width: "120px",
                        encoded: true,
                        template: '#:GetFaClass(data.StateString)#'
 }   

现在，当我们调用这个函数时，它看起来如下：

function GetFaClass(status) {
    if (status == 'Queued') {
        return ('<i class="fa fa-folder" aria-hidden="true"></i>')
    }
}

有趣的是，它确实调用了该函数并返回值，但随后将其显示为文本而不是呈现 html。现在，如果我不调用该函数，而是像下面那样对值进行硬编码，那么它会呈现良好的效果：

{
                        field: "StateString",
                        title: "State",
                        width: "120px",
                        encoded: true,                     
                        template: ('<i class="fa fa-folder" aria-hidden="true"></i>')
                    }     

我可能做错了什么？

Answer 1

如果你想渲染为 HTML 你必须改变

template: '#:GetFaClass(data.StateString)#'

到：

template: '#=GetFaClass(data.StateString)#'

您必须将冒号（“：”）更改为等于（“=”）

源剑道模板