Angular-Ag-Grid：如何在数据完全加载后和发生另一个事件时禁用特定行单元格中的复选框或单选输入？

Question

我在禁用根据操作动态加载的复选框时遇到问题。

我正在使用带有自定义组件的 CellRendererFramework 来加载基本网格数据，下面是我的 columnDef。当我选中要将动态行数据插入网格的复选框时，我在 ag-grid 之外发生了一个事件。这样做时，如果该行数据的状态列值为 false，那么我必须禁用该特定行的复选框和单选按钮。

在这里我可以找到新行的 rowNodeId，但无法禁用复选框和单选按钮：

{ headerName: 'abc', field: 'abc'},
{ headerName: 'State', field: 'state'},
{
  headerName: 'check Case',
  field: 'checkCase',
  cellRendererFramework: GridCheckboxRendererComponent,
  onCellValueChanged: (event: CellValueChangedEvent) => {
    this.updateCaseCheck(event);
  },
  cellRendererParams: {
    disableCaseCheckbox: this.disableWhenCaseisArchived
  }
 },
 {
   headerName: 'Make Default',
   field: 'makeDefault',
   cellRendererFramework: GridRadioButtonRendererComponent,
   onCellValueChanged: (event: CellValueChangedEvent) => {
     this.setDefault(event);
   },
   cellRendererParams: {
     disableDefaultRadio: this.disableWhenCaseisArchived
   }
  }

我尝试使用自定义单元格渲染器参数，但它仅在网格实例化时设置。

我正在使用 gridApi 设置数据，如下所示，caseRowData 将具有以前的和 post 事件新数据：

this.gridApi.setRowData(this.caseRowData);

在 agOninit 中我的自定义网格复选框和无线电组件中，我正在映射此自定义渲染器值，并将其分别映射到复选框和无线电输入上的禁用属性。

非常感谢任何帮助。

Answer 1

在您的 cellRendererFramework 组件内，即 GridCheckboxRendererComponent 或 GridRadioButtonRendererComponent 您可以使用 params

中的数据属性

class CellRenderer implements ICellRendererParams {

   public disableCheckbox: boolean;
   
   agInit(params: ICellRendererParams): void {
     this.disableCheckbox= params.data.state;
   }
}

现在您可以使用此 disableCheckbox 变量来禁用 html 上的属性映射。

Angular-Ag-Grid：如何在数据完全加载后和发生另一个事件时禁用特定行单元格中的复选框或单选输入？

Angular-Ag-Grid: How to disable a Checkbox or Radio inputs in a specific row cell, after data is completely loaded and upon another event?

javascript

typescript

ag-grid

angular

ag-grid-angular