Добавить событие временной шкалы в планировщик DHtmlX в angularjs

Я внедрил DHtmlX планировщик в свое angularjs приложение с помощью по этой ссылке. Я выполнил все шаги по ссылке выше, и она работает.

Теперь я пытаюсь добавить событие временной шкалы в угловой планировщик DHtmlX. Но я не понимаю, как добавить на него событие временной шкалы. пожалуйста, помогите в этом.

Любое предложение или помощь будут оценены, спасибо заранее


person Neeraj Rathod    schedule 10.03.2016    source источник


Ответы (1)


У меня есть способ добавить событие временной шкалы в планировщик DHtmlX в angularjs,

Сначала добавьте этот 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) Ссылка2

В-третьих, добавьте эту строку в файл просмотра (файл html)

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

В-четвертых, добавьте эту строку в директиву dhxTemplate.

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

это работает для меня, надеюсь, это также сработает для вас всех, спасибо

person Neeraj Rathod    schedule 14.03.2016
comment
я тоже застрял в такой же ситуации .. но спасибо, ваш код помог мне - person homi; 12.04.2016
comment
Это старо, но, может быть, вы сможете мне помочь; Где эта директива для dhxTemplate? я попробовал ваш код, но я получаю, что scheduler.createTimelineView не является функцией. - person KimR; 17.08.2017