2016-12-13 10 views
1

角度ガントの動作をカスタマイズしようとしています。

セルのクリック:現在のセルの値&に対応するヘッダー値を取得する必要があります。
角度ガントのハンドルセルクリックイベント

私はこのURLに存在するドキュメントスルーなくなっ: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

は、あなたはあなたが何であるかを理解するための助けを得ることができますしようとしたいくつかのコードを投稿することができます:私はこれに続いてリンク
https://angular-gantt.readthedocs.io/en/latest/configuration/customize/

からこれを達成することができる午前

は、私が使用したコードですあなたが何をする必要があるのか​​を知ることができます。 – anshuVersatile

+0

@anshuVersatileサンプルコードを更新しました。 –

答えて

3

を試してみました。

$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) 
        }); 
       }    
      }); 
関連する問題