在 Kendo 模板中呈现 HTML

Question

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

此处演示...

https://dojo.telerik.com/ELOjalex

有人知道为什么吗？

提前致谢

Answer 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致敬）

在 Kendo 模板中呈现 HTML

Rendering HTML in Kendo Template

templates

scheduler

telerik

kendo-ui