首页 > 解决方案 > 带有 Kendo detailTemplate 的页面无法使用 Chrome 加载

问题描述

在页面 (partialView) 上,我有一个带有 detailTemplate 的剑道网格。

$('#myGrid').kendoGrid({

detailTemplate: kendo.template($("#template").html()),

我的模板就像

        <div id="template">
            <table style="background-color:#EE00EE">
                <tr>

使用 IE,页面可以正确加载,但不能使用 Chrome 或 FF。
如果我取消 style="background-color:#EE00EE" ,那就没问题了。感谢您的任何帮助。

标签: google-chrometemplatescolorskendo-ui

解决方案


它被识别为 kendo 模板,并且在 kendo 模板中,您正在使用 # 标记访问 js 变量,因为 kendo 试图读取名称为 EE00EE 的变量,但该变量不存在。您需要#像这样转义标签:\\#EE00EE或使用标准颜色或使用 rbg 过滤器。

示例:在模板中转义 # 标签


推荐阅读