在 Kendo 模板中渲染 HTML答案

【问题标题】：Rendering HTML in Kendo Template在 Kendo 模板中渲染 HTML
【发布时间】：2018-10-12 15:10:25
【问题描述】：

我将 HTML 字符串作为值传递到调度程序 groupHeaderTemplate 的 Kendo 模板中，它只是显示为普通文本而不是呈现 HTML

在这里演示...

https://dojo.telerik.com/ELOjalex

有人知道为什么吗？

提前致谢

【问题讨论】：

显示为文本的不是您的组标题，而是数据源中的此条目：text: '<span style="color: red;">Alex</span>'
嗨，是的，我希望能够将数据源中的值传递到组标头并正确呈现 HTML
您需要一个 groupHeaderTemplate 来实现这一点。检查示例docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/…
嗨 Carlos，如果您检查 Dojo 链接，您会看到我已经尝试过使用内联和外部模板，但都没有奏效。不过感谢您的建议。

标签： templates kendo-ui telerik scheduler

【解决方案1】：

首先，我建议不要将 HTML 放入您的数据源中。我相信您可以找到更好的解决方案来提交其他信息（例如颜色）。

如果您从模板中进行额外调用并解析数据源中的字符串，则可以获得所需的结果：

<script id="groupHeaderTemplate" type="text/x-kendo-template">
  <strong style="color: #=color#">#=doMagic(text)#</strong>
</script>

<script>
function doMagic(s) {
  return (new DOMParser()).parseFromString(s, 'text/html').body.textContent;
}
</script>

（感谢Decode & back to & in JavaScript）

【讨论】：

顺便说一句，我不确定还有其他方法，因为我只能访问 GroupHeaderTemplate（文本）中的预定属性。