kendo-ui - Kendo UI + Web 组件

标签 kendo-ui polymer

由于我遇到了问题,通过简单的测试,我回到了原始的 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 组件脚本:

screenshot

虽然 Chrome 不需要 webcomponentsjs polyfill,但 Kendo UI 正常运行所需的 polyfill 版本可能需要修改。

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

关于kendo-ui - Kendo UI + Web 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43968539/

相关文章:

codeigniter - Kendo UI + Codeigniter

javascript - Polymer:页面加载时白屏闪烁

javascript - TypeError : Argument 1 of Window. getDefaultCompulatedStyle 未实现接口(interface) Element

javascript - 在重新排列 polymer 元素中的子跨度时如何通过 wct 测试?

polymer - paper-listbox,当将selected设置为id(int)时,不会选择具有相同值的input

javascript - 计算的自定义属性不会显示在 Polymer 的页面上

javascript - 克隆包含剑道输入的 div

knockout.js - Kendo Typescript 定义不支持 'observableHierarchy'

javascript - JSON 没有通过 JQuery 传递给 Controller

javascript - 剑道图表更改同一系列上的各个标记类型