Kendo UI + Web 组件

Question

由于我遇到了问题，通过一个简单的测试，我回到了最初的 Telerik 页面，该页面显示了剑道组件在聚合物应用程序中的集成
看起来任何示例（很简单，因为有一个 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
    });
  }

但我无法获得正确应用的样式。即使官方文档说它已被弃用，它仍然可以工作，包括您在代码中看到的外部样式表（任何其他“位置”都会破坏代码......）。
因此，例如排序工作，但我看不到正确的图标。
当我尝试过滤时，表单显示为无样式，并且位于窗口的左上角...

Answer 1

我按照Telerik guide 的第一步重现了您的症状。控制台指示在服务器上找不到 Kendo 特定的 Web 组件脚本：

虽然 Chrome 不需要 webcomponentsjs polyfill，但为了让 Kendo UI 正常运行，可能需要对它们的 polyfill 版本进行修改。

我建议向 Kendo 团队提交支持请求。

Answer 2

我已经在Kendoui-core-components 发布了 Kendo UI Core 的 webcomponent 包装器，它使 Kendo UI（用于 jQuery）可以通过 html 元素属性进行初始化，例如：

<k-auto-complete id="customers"
                       data-text-field="ContactName"
                       data-source='{
                         type:"odata",
                         transport:{
                           read:"https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"},
                           group:{field:"Country"}
                          }'
                       heigth="400"
                       style="width:100%"></k-auto-complete>

您可以通过“npm i kendoui-core-components”安装该软件包。 同时，我还编写了一个名为“vsc-kendo-core-components”的 VSCode 扩展，它为编辑元素属性提供了自动完成功能。 希望这两个衍生品让 jQuery 的 Kendo UI 更加直观和有效。