Aurelia mit Standalone-Bibliothek Integration

Ich arbeite an Aurelia + Scheduler poc. Ich habe eine eigenständige js-Bibliothek gefunden, um Besprechungsereignisse anzuzeigen. Das Problem ist die Integration dieser js mit Aurelia. Ich verwende jspm zum Herunterladen von Projektabhängigkeiten.Aurelia mit Standalone-Bibliothek Integration

Hat jemand versucht, eine eigenständige js-Bibliothek mit Aurilia zu integrieren.

Unten ist die Bibliothek, die ich versuche zu integrieren.

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>

als Referenzklasse 3rd-Party-Bibliothek unter Nachricht bekommen.

Reference: Probe nicht

definiert

Quelle

2016-07-05 Sudheer Eega

Was haben Sie bisher versucht? Welche Fehler erhalten Sie bei Ihrem aktuellen Versuch? –

Horsley, ich brauche Informationen darüber, wie ref hinzuzufügen. für obige Bibliothek in der config.js, so dass ich es in Modul verweisen kann. Da diese Bibliothek nicht in npm und github verfügbar ist. Ich suche Informationen. wenn jemand schon mit dieser Art von Situation konfrontiert war. wie "babel": "npm: [email protected]", auf der Suche nach Tagespiloten. –

Ihre Frage ist sehr breit, so dass es schwer ist, Ihnen zu helfen, haben Sie versucht, etwas durchzuarbeiten [wie dieser Artikel] (http://blog.nojaf.com/2015/07/08/using-toastr-with-aurelia/) –

Haben Sie versucht, die Quelle zum Herunterladen und verweisen Sie dann in Ihrem 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>

Quelle

2016-07-05 05:46:01

Horsley, wenn ich die Referenz wie oben erwähnt im Referenzfehler erhalten Ich habe meinen Beitrag mit Code aktualisiert, den ich versuche –

Danke Horsley, es funktionierte direkt. –

Aurelia mit Standalone-Bibliothek Integration

Antwort

Verwandte Themen