2016-07-05 49 views
0

Я работаю над aurelia + scheduler poc. Я нашел одну отдельную библиотеку js для отображения событий собрания. Проблема заключается в интеграции этого js с aurelia. Я использую jspm для загрузки зависимостей проекта.Aurelia с автономной интеграцией библиотеки

Кто-нибудь попытался интегрировать отдельную библиотеку js с аурлией.

Ниже представлена ​​библиотека, которую я пытаюсь интегрировать.

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, он работал, добавляя напрямую. –