在kendo数据网格行模板中使用聚合物Html 5 Web组件

时间:2015-02-22 17:33:04

标签: html5 kendo-grid polymer web-component

我开发了一个带有以下签名的剑道网格:

$('#myDiv').kendoGrid({
    dataSource: someKendoDataSource,
    rowTemplate: function(item) {
            return '<tr><td><div is="div-element"></div></td></tr>';
    }
});

在Chrome中可行,但我看到以下警告:

div上的属性是在Polymer升级元素之前绑定的数据。这可能会导致绑定类型不正确。

在Internet Explorer和Firefox中,它根本不起作用并在webcomponent.js处引发以下错误:

行:1799 错误:NotFoundError

这是错误的堆栈跟踪:

insertBefore, webcomponents.js, line 1799
Anonymous function, jquery.js, line 5233
domManip, jquery.js, line 5409
before, jquery.js, line 5231
Anonymous function, jquery.js, line 5458
wrapAll, jquery.js, line 8345

这是div元素内容:

<polymer-element name="div-element" extends="div">
    <template>
        <content></content>
    </template>
    <script>

        Polymer();

    </script>
</polymer-element>

我的网络组件在所有其他方案中都运行良好,但其中没有一个在kendo数据网格行模板中工作。

请注意,当我按以下方式分配行模板时,网格正常工作:

$('#myDiv').kendoGrid({
        dataSource: someKendoDataSource,
        rowTemplate: kendo.template($("#rowTemplate").html())
    });

#rowTemplate在哪里 script id =&#39; rowTemplate&#39;类型=&#39;文本/ X-剑术模板&#39;       /脚本

但是对于我的真实场景来说,这并不方便。

0 个答案:

没有答案