私は問題があったので、簡単なテストで、ポリマーアプリケーションに剣道コンポーネントを統合したTelerikのオリジナルページに戻りました。
これはまったく同じようです少なくとも現在のバージョンの剣道ではDojoリンク...)が動作しません。
私は何が欠けていますか?
アンドレア
PS:ページはこの1つである:http://docs.telerik.com/kendo-ui/third-party/webcomponents剣道UI + Webコンポーネント
更新:
私は次のようなアプローチで、例えば、剣道グリッドの挙動を得ることができます。
<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
});
}
しかし、私は正しく適用されたスタイルを得ることができません。公式文書では非推奨であると言われていても、コード内に見られるような外部スタイルシート(他の位置情報がコードを壊してしまう...)を含め、まだ機能するはずです。
ソートは機能しますが、正しいアイコンが表示されません。
私はフィルタリングしようとすると、フォームがunstyled表示され、ウィンドウのTOPLEFT隅に...
非拡張バージョン(kendo.webcomponents.js、私は試用版をローカルでダウンロードしていました)を参照してこの問題を回避できますが、結果はまだ間違っています(コンボのドロップダウンが上に開きます - コンポーネントの下ではなく、ページの左側の部分は、スタイルが完全に失われている、など... – Andrea