单元格右键单击角度ui-grid自定义菜单

问题描述 投票:1回答:1

我正在使用Angular ui-grid并具有以下要求:

  • 右键单击网格的任何特定“CELL / Column”时显示自定义菜单,例如下图中的'B'。
  • 右键单击时,自定义菜单将始终显示单个选项'COPY',复制该值并将其粘贴到下面的单元格中

Sample Image

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网格获得上述2个要求吗?

javascript angular angular-ui-grid
1个回答
0
投票

您可以使用contextmenu来实现此目的。请看下面的内容。

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

© www.soinside.com 2019 - 2024. All rights reserved.