2016-12-13 2 views
1

Я пытаюсь настроить поведение Angular Gantt.

На мобильных мышах: Я должен получить текущее значение ячейки & соответствующего значение заголовка.
Событие кликов по ячейке на Angular Gantt

Я прошел через документацию в настоящее время этого адреса: https://angular-gantt.readthedocs.io/en/latest/ , но не мог получить нужное событие.

Есть ли какие-либо события для достижения этой функциональности. Буду признателен за любую оказанную помощь.

Я попытался следующий код

mainApp.controller("TestController", function ($scope, TestService) { 
    $scope.registerApi = function (api) { 
    api.tasks.on.change($scope, onTaskChange); //working 

    //TO handle the cell click & corresponding header value 
    api.core.getDateByPosition($scope, getHeader) 

    //api.core.on.ready($scope, getDateByPosition) //not working 
    //api.core.on.rendered($scope, getDateByPosition) //not working 

    } 

    var onTaskChange = function (selected) { 
     $scope.currCell = selected.model; 
     console.log("onTaskChange: " + selected.model.name); 
      }; 

    var getHeader= function (getHeader) { 
      // I should get the current clicked cell header value. But getting error 
      };  
    } 
+0

вы можете разместить код, который вы пытались получить помощь, чтобы понять, что вы пытаясь сделать и что вам нужно сделать. – anshuVersatile

+0

@anshuVersatile Я обновил код образца. –

ответ

3

Отвечая на мой собственный вопрос, как кто-то может оказаться полезным.

Я могу добиться этого по этой ссылке
https://angular-gantt.readthedocs.io/en/latest/configuration/customize/

Ниже приводится код, который я использовал:

$scope.registerApi = function (api) { 
    api.directives.on.new($scope, function (dName, dScope, dElement, dAttrs, dController) { 
       if (dName === 'ganttTask') {      
        dElement.bind('click', function (event) { 
         debugger; 
         $scope.RowName1 = dScope.task.row.model; 
         $scope.currentTask = dScope.task.model; 
        }); 
       } 
       else if (dName === 'ganttRow') 
       { 
        dElement.bind('click', function (event) { 
         debugger; 
         $scope.RowName = dScope.row.model.name; 
         $scope.Header = api.core.getDateByPosition(event.offsetX, true) 
        }); 
       }    
      }); 
Смежные вопросы