列上下文菜單復選框在ag-grid中切換

Question

我正在嘗試為ag-grid中的整個列添加上下文菜單復選框。 通過遵循本教程，我可以通過將checked : true設置為checked : true來向我的自定義菜單添加一個復選框，但這不是可切換的復選框。 它始終僅設置為true。 如何使其可翻轉？

Answer 1

首先，您必須定義網格選項的上下文，如下所示： context：{thisComponent：this}

public gridOptions: any = {
   columnDefs: this.columnDefs,
   rowData: this.rowData,
   enableSorting: false,
   enableFilter: false,
   context: { thisComponent: this }
}

然后，您必須創建自己的函數，該函數返回true或false：

public checkedContextMenuFunction(params): boolean {
   if (){
       return true;
   }else {
       return false;
   }
}

並將其添加到contextMenuItems函數：

檢查：params.context.thisComponent.checkedContextMenuFunction（params）

public getContextMenuItems(params) {
  return{      
     'separator',
     {
       name: 'Checked menu',
       tooltip: 'Tooltip text',
       checked: params.context.thisComponent.checkedContextMenuFunction(params),
       action: function() {
          params.context.thisComponent.differentFunction(params);
       }
   }
}