在 angularjs 中的 DHtmlX 调度程序上添加时间线事件

Question

我在我的 angularjs 应用 with the help of this link 中注入了 DHtmlX 调度程序。我已按照上述所有步骤进行操作 link 并且它正在运行。

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

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

Answer 1

我在 angularjs,

中找到了在 DHtmlX 调度程序上添加时间线事件的方法

首先将此 js 文件 dhtmlxscheduler_timeline.js 添加到您的 angularjs 项目中。（将其添加到 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";

这对我有用，希望对大家也有用，谢谢

在 angularjs 中的 DHtmlX 调度程序上添加时间线事件

Add timeline event on DHtmlX scheduler in angularjs

javascript

dhtmlx

angularjs

dhtmlx-scheduler