Ajouter un événement de chronologie sur le planificateur DHtmlX dans angularjs

Question

J'ai injecté le planificateur DHtmlX dans mon application angularjswith the help of this link. J'ai suivi toutes les étapes du lien ci-dessus et cela fonctionne.

Maintenant, j'essaye d'ajouter l'événement de ligne de temps dans le planificateur angulaire DHtmlX. Mais je ne comprends pas comment ajouter un événement de ligne de temps dessus. aidez s'il vous plaît sur ceci.

Toute suggestion ou aide serait appréciée, merci à l'avance

Answer 1

J'ai la façon d'ajouter un événement calendrier sur ordonnanceur DHTMLX dans AngularJS,

ajoutez d'abord ce js fichier dhtmlxscheduler_timeline.js dans votre projet AngularJS. (ajouter ce dans le dossier src/assets/js et appeler ce fichier)

Deuxième ajouter ce code dans la directive de 'dhxScheduler' `

var sections=[ 
     {key:1, label:"Section A"}, 
     {key:2, label:"Section B"} 
    ]; 
scheduler.createTimelineView({ 
    name: "timeline", 
    x_unit:"minute",//measuring unit of the X-Axis. 
    x_date:"%H:%i", //date format of the X-Axis 
    x_step:30,  //X-Axis step in 'x_unit's 
    x_size:24,  //X-Axis length specified as the total number of 'x_step's 
    x_start:0,  //X-Axis offset in 'x_unit's 
    x_length:48,  
    first_hour:10, 
    last_hour:18, 
    y_unit: sections, 
    y_property:"unit_id", 
    render:"bar" 
}); 
    //--------------- end of timeline -----------//   
scheduler.init($element[0], $scope.scheduler.date, $scope.scheduler.mode); 
scheduler.parse([ 
    {id:1, text:"Task1", start_date:"12/10/2013 12:00", end_date:"12/10/2013 21:00", 
    unit_id:"1"}, 
    {id:2, text:"Task2", start_date:"17/10/2013 09:00", end_date:"17/10/2013 15:00", 
    unit_id:"2"} 
    ],"json");` 

pour plus de détails sur cette visite ces deux liens 1) Link1 2) Link2

tiers ajouter cette ligne dans le fichier de vue (fichier html)

<div class="dhx_cal_tab" name="timeline_tab" style="right:280px;"></div> 

Quatrième ajouter cette ligne dans la directive de « dhxTemplate '

scheduler.locale.labels.timeline_tab ="Timeline";

cela fonctionne pour moi, espérons que cela fonctionne aussi pour vous tous, merci