ag-grid - 如何禁用 ag-grid 的右键单击/上下文菜单？

Question

我正在使用 ag-grid 企业版，我想禁用上下文菜单或右键单击网格单元格，但我没有找到任何解决方案。

这是我的代码

<ag-grid-angular #agGrid style="width: 100%; height: 100%;" id="myGrid" 
[rowData]="rowData" class="ag-theme-balham" [columnDefs]="columnDefs" 
[enableRangeSelection]="true" (gridReady)="onGridReady($event)"></ag-grid- 
angular>

Answer 1

suppressContextMenu:true for gridOptions

将工作

Answer 2

[suppressContextMenu]="true"会做你的要求。

或者，如果您getContextMenuItems在组件中定义，只需从函数返回空数组。

this.getContextMenuItems = function getContextMenuItems(params) {
  return [];
};

<ag-grid-angular
    #agGrid
    .........
    [getContextMenuItems]="getContextMenuItems"   // provide the function here
    (gridReady)="onGridReady($event)"
    ></ag-grid-angular>

看看我创建的这个 plunk

您还可以有条件地决定是否不希望将它用于任何特定列或不使用 arguments params。