4

在此链接的帮助下，我在我的应用程序中注入DHtmlX了调度程序。我已按照上述链接的所有步骤进行操作，并且可以正常工作。angularjs

现在，我正在尝试在角度DHtmlX调度程序中添加时间线事件。但我不知道如何在其上添加时间线事件。请帮忙解决这个问题。

任何建议或帮助将不胜感激，在此先感谢

4

1 回答 1

3

我有办法在 angularjs 中的 DHtmlX 调度程序上添加时间线事件，

首先在你的angularjs项目中添加这个js文件dhtmlxscheduler_timeline.js。（在src/assets/js文件夹中添加这个并调用这个文件）

其次在'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");`

有关此访问的更多详细信息，请访问这两个链接 1) Link1 2) Link2

第三在视图文件（html文件）中添加这一行

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

第四在“dhxTemplate”指令中添加这一行

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

这对我有用，希望这也对你们所有人有用，谢谢

于 2016-03-14T12:12:24.497 回答