2016-07-05 4 views
0

私はaurelia + scheduler pocで作業しています。私は会議のイベントを表示するためのスタンドアロンのjsライブラリを1つ見つけました。問題は、このjsとaureliaを統合することです。私はプロジェクトの依存関係をダウンロードするためにjspmを使用しています。スタンドアロンライブラリ統合によるAurelia

スタンドアロンのjsライブラリとauriliaを統合しようとした人は誰もいません。

以下は、私が統合しようとしているライブラリです。

http://javascript.daypilot.org/demo/scheduler/scalehours.html

<ai-dialog-body>  

<script> 

    function sample(){ 

    var dp = new DayPilot.Scheduler("dp"); 

    dp.startDate = new DayPilot.Date("2016-06-28"); 

    dp.cellGroupBy = "Month"; 
    dp.days = 1; 

    dp.cellDuration = 1440; 

    dp.timeHeaders = [ 
     { groupBy: "Day" }, 
     { groupBy: "Cell" } 
    ]; 
    dp.scale = "Hour";  
    dp.bubble = new DayPilot.Bubble(); 
    dp.treeEnabled = true; 
    dp.rowHeaderWidth = 200; 
    dp.resources = [{"id":"[email protected]","name":"Test"}]; 
    dp.events.list = [{"start":"2016-06-27T16:30:00","end":"2016-06-27T17:00:00","text":"Busy","resource":"[email protected]","id":2170}] 
    dp.cellWidth = 60; 
    dp.init(); 
} 
</script> 
<div id="dp"></div>  
<button onclick="sample()">Ok</button> 
</ai-dialog-body> 

参照サードパーティのライブラリのクラスは、メッセージの下になったとき。

にReferenceError:サンプルは

+0

をあなたがこれまでに試してみましたか?現在の試行でどのようなエラーが表示されますか? –

+0

Horsley、refを追加する方法に関する情報が必要です。 config.jsの上のライブラリのために私がモジュールでそれを参照できるようにします。このライブラリはnpmとgithubでは利用できません。私は情報を探しています。誰かがすでにこの種の状況に直面していたならば。 "babel"のように: "npm:[email protected]"、デイパイロットを探しています。 –

+0

あなたの質問は非常に幅広いので、あなたを助けるのは難しいですが、[この記事のような](http://blog.nojaf.com/2015/07/08/using-toastr-with-aurelia/ )? –

答えて

0

が定義されていないあなたがソースをダウンロードして、あなたのHTMLでそれを参照しようとしたことがあり:

<body aurelia-app> 
    <script src="jspm_packages/system.js" charset="utf-8"></script> 

    <!-- Place a referece to the downloaded library here --> 

    <script src="config.js" charset="utf-8"></script> 
    <script type="text/javascript"> 
     System.import("aurelia-bootstrapper"); 
    </script> 
</body> 
+0

Horsley、上記のようにリファレンスを追加すると、im参照エラーが発生しました。私は自分の投稿を私が試しているコードで更新しました。 –

+0

Horsleyに感謝します。 –

関連する問題