2017-05-14 35 views
2

私は問題があったので、簡単なテストで、ポリマーアプリケーションに剣道コンポーネントを統合した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隅に...

答えて

1

私はTelerik guideの最初のステップ以下あなたの症状を再現。コンソールは剣道固有のWebコンポーネントのスクリプトがサーバー上に見つからなかったことを示します。

screenshot

webcomponentsjsポリフィルは、クロームのために必要すべきではないものの、そのポリフィルの彼らのバージョンでの変更があるかもしれません剣道UIが正しく機能するために必要です。

剣道チームにサポートリクエストを提出することをおすすめします。

+0

非拡張バージョン(kendo.webcomponents.js、私は試用版をローカルでダウンロードしていました)を参照してこの問題を回避できますが、結果はまだ間違っています(コンボのドロップダウンが上に開きます - コンポーネントの下ではなく、ページの左側の部分は、スタイルが完全に失われている、など... – Andrea

関連する問題