从ag-grid中的行中删除复选框

// 自定义单元格组件
class DeleteCheckboxComponent {
  // 初始化组件
  init(params) {
    this.params = params;
    this.eGui = document.createElement('div');
    this.eGui.innerHTML = '<input type="checkbox" class="delete-checkbox">';
    this.eCheckbox = this.eGui.querySelector('.delete-checkbox');
    this.eCheckbox.addEventListener('click', this.onCheckboxClick.bind(this));
  }

  // 获取DOM元素
  getGui() {
    return this.eGui;
  }

  // 单击复选框的事件处理程序
  onCheckboxClick(event) {
    // 执行删除操作
    const selectedRow = this.params.node;
    // 在此处执行删除操作，例如：
    // deleteRow(selectedRow.data.id);
  }

  // 销毁组件
  destroy() {
    this.eCheckbox.removeEventListener('click', this.onCheckboxClick);
  }
}

// 列定义
const columnDefs = [
  { headerName: 'Name', field: 'name' },
  { headerName: 'Delete', cellRendererFramework: DeleteCheckboxComponent }
];

// 创建ag-Grid实例
const gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  onGridReady: function(params) {
    params.api.sizeColumnsToFit();
  }
};

// 将ag-Grid实例绑定到DOM元素
const gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);