由于我遇到了问题,通过简单的测试,我回到了原始的 Telerik 页面,该页面显示了剑道组件在 polymer 应用程序中的集成
看起来任何示例(很简单,因为有一个 Dojo 链接...)都不起作用,至少对于当前版本的 Kendo。
我错过了什么???
安德莉亚
P.S.:页面是这个:http://docs.telerik.com/kendo-ui/third-party/webcomponents
更新:
我可以获得剑道网格的行为,例如,使用以下方法:
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="shared-styles.html">
<script src="../telerik/js/kendo.all.min.js"></script>
<script src="../telerik/js/kendo.webcomponents.js"></script>
<dom-module id="my-view2">
<link rel="import" type="css" href="../telerik/styles/kendo.common.min.css">
<link rel="import" type="css" href="../telerik/styles/kendo.default.min.css">
<link rel="import" type="css" href="../telerik/styles/kendo.default.mobile.min.css">
<template>
<style include="shared-styles">
:host {
display: block;
padding: 10px;
}
</style>
...
<div id="grid"></div>
...
ready: function () {
var element = $(this.$.grid).kendoGrid({
dataSource: [
{ Id: 1, Name: 'Pamela Andersson' },
{ Id: 2, Name: 'Naomi Campbell' },
{ Id: 3, Name: 'Monica Bellucci' }
],
sortable: true,
filterable: true,
selectable: true
});
}
但我无法获得正确应用的样式。即使官方文档说它已被弃用,它仍然可以工作,包括您在代码中看到的外部样式表(任何其他“位置”都会破坏代码...)。
因此,例如排序有效,但我看不到正确的图标。
当我尝试过滤时,表单显示为未设置样式,并且位于窗口的左上角...
最佳答案
我按照 Telerik guide 的第一步重现了您的症状.控制台指示在服务器上找不到特定于 Kendo 的 Web 组件脚本:
虽然 Chrome 不需要 webcomponentsjs
polyfill,但 Kendo UI 正常运行所需的 polyfill 版本可能需要修改。
我建议向 Kendo 团队提交支持请求。
关于kendo-ui - Kendo UI + Web 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43968539/