0

私は aurelia+scheduler poc に取り組んでいます。ミーティング イベントを表示するためのスタンドアロン js ライブラリが 1 つ見つかりました。問題は、この js を aurelia と統合することです。プロジェクトの依存関係をダウンロードするためにjspmを使用しています。

スタンドアロンの 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":"test@xyz.com","name":"Test"}];
    dp.events.list = [{"start":"2016-06-27T16:30:00","end":"2016-06-27T17:00:00","text":"Busy","resource":"test@xyz.com","id":2170}] 
    dp.cellWidth = 60;
    dp.init();
}
</script> 
<div id="dp"></div>       
<button onclick="sample()">Ok</button>
</ai-dialog-body>

サードパーティのライブラリ クラスを参照すると、以下のメッセージが表示されます。

ReferenceError: サンプルが定義されていません

4

1 に答える 1

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>
于 2016-07-05T05:46:01.553 に答える