2016-05-24 6 views
0

私はTelerikのウェブサイトから剣道のコアをダウンロードしました。フォルダには、ウィジェットごとに別々のファイルを持つjsディレクトリがあります。私はAureliaアプリ(骨格ナビゲーションの上に構築)でsystemJSとkendouiを統合したいと思っています。私は次のようにJQueryUIでこれを行うことができました:Aurelia:剣道のコアを使用

はjspm_packagesフォルダにgithubのフォルダに

をjqueryUI JavaScriptのLIBを含む「[email protected]」フォルダと呼ばれるファイルを--Created --Created上記のlibをエクスポートする "[email protected]":

module.exports = require( "github:github/[email protected]/jquery-ui.js")

私の設定ファイルの--Defined jqueryui: "jqueryui": "githubの:github/[email protected]"

今、datepickerのようなウィジェットを使いたいのですが、私はこれを行います:

import {datepicker} from 'jquery-ui';

kendoUIの場合はどうすればよいですか?私はどこかで "kendo.core.js"ファイルにすべてのウィジェットが含まれていると読んでいますが、それはあまりにも軽すぎると思われ、単独でそれを使用していませんでした。また、補完的な.mapファイルもあります。それはなんのためですか?

更新:以下の回答で示唆されているように、私はインデックスページにscriptタグとともにkendoUIとjQueryを含めることにしました。また、kendoUIライブラリ全体(kendo.ui.core.min.js-> 670KB)をインポートする代わりに、必要なkendoUIの日付選択ツール(kendo.core、kendo.popup、kendo.calendar、kendo)に必要なファイルを追加しました。 datepicker-> 99.1KB)。誰もがこのアプローチを使いたいと思っているのですが、jQueryもindex.htmlにインポートして、剣道ファイルの前にインポートする必要があります。また、kendo.coreは他のものの前にインポートし、datepickerは他のものの後に置くべきです(私は最後です)。

+0

https://github.com/aurelia-ui-toolkits/aurelia-kendou-bridgeあなたはこれを考慮したいかもしれませんが、コミュニティはureと剣道を統合して多くの仕事をしており、クールなものを手に入れていますaureliaバインディング、各コントロールのカスタム要素、剣道ウィジェットなどのaureliaテンプレートなどのように動作します。デモをチェックしてください。 – Charleh

+0

私は、サードパーティの図書館をAureliaに統合することに興味があるかもしれないブログを書いています:http://davismj.me/blog/aurelia-drag-and-drop –

答えて

1

jQuery UIを追加するために使用している解決策は、拡大縮小するものではありません。 jspm_packagesフォルダーには何も書き込むべきではありません。そのフォルダーは望むとおりに使用するjspmです。また、JSPM(jspm install jquery-ui)を使用してjQueryUIをインストールすることもできます。

最初のオプションは、jspm install kendo-uiのjspmを使用してKendoUIコアをインストールすることです。

単独で使うことをお望みなら、たぶん要素を使って剣道ファイルを読み込んでください。これには何も問題ありません。これらのファイルは、スクリプトタグを使用してロードされたグローバル変数として使用されるように作られています。

また、スクリプト要素を使用して従来の(モジュール化されていない)jsファイルを読み込むのに問題はありません。

+0

これまでにチェックしました。私が探しているものではありません。自分の実装を書いてみたい。これは、カスタムエレメントを作ることで、kendouiファイルをsystemJS –

+0

で適切にインポートすることの問題ではありません。その場合、これは、AureliaまたはKendoUIの質問よりもjspm/systemjsの質問のほうが多くなります。これらのタグを追加することをおすすめします。 –

+0

私は答えを編集しました。うまくいけば、今はもっと便利です。 –