單元格上的Angular ui-grid自定義菜單

Question

我正在使用Angular ui-grid，並具有以下要求：

• 右鍵單擊網格的任何特定“單元格/列”（例如下圖中的“ B”）時，顯示自定義菜單。
• 右鍵單擊時，自定義菜單將始終顯示單個選項“ COPY”，該選項將復制值並將其粘貼到下面的單元格中

樣本圖片

function SampleRightClickController($scope, $rootScope, $timeout){
  $scope.gridOptions = {data: myData};

   $scope.rightClick = function (event) {
     var scope = angular.element(event.toElement).scope()
     console.log('you clicked on row: ', scope.rowRenderIndex);
    };
}]);

app.directive('rightClick', function($parse) {
        return function(scope, element, attrs) {
            var fn = $parse(attrs.rightClick);
            element.bind('contextmenu', function(event) {
                scope.$apply(function() {
                    event.preventDefault();
                    fn(scope, {$event:event});
                });
            });
        };
    });
  }
})();

HTML:
<div class="gridStyle" ui-grid="gridOptions" ui-grid-selection ui-grid-edit ui-grid-cellNav right-click="rightClick($event);"></div>

嘗試了上面的代碼，但僅右鍵單擊“ ROW”而不是“ Column”。 有人可以幫助我如何使用有角度的ui-grid獲得上述2個要求嗎？

Answer 1

您可以通過使用上下文菜單來實現。 請在下面看看。

https://github.com/Templarian/ui.bootstrap.contextMenu