在ag-Grid单元格中添加selectize.js下拉菜单的问题

columnDefs: [
  {
    headerName: "Selectize Dropdown",
    field: "dropdownField",
    cellEditor: "selectize",
    cellEditorParams: {
      // 配置selectize.js的参数
      options: [
        { value: "option1", label: "Option 1" },
        { value: "option2", label: "Option 2" },
        { value: "option3", label: "Option 3" }
      ],
      // 其他selectize.js参数...
    }
  },
  // 其他列定义...
]

import { Component } from '@angular/core';
import { ICellEditorAngularComp } from 'ag-grid-angular';

@Component({
  selector: 'app-selectize-cell-editor',
  template: `
    <select id="mySelect" multiple>
      <option *ngFor="let option of options" [value]="option.value">
        {{ option.label }}
      </option>
    </select>
  `,
})
export class SelectizeCellEditorComponent implements ICellEditorAngularComp {
  options: any[];
  private params: any;

  agInit(params: any): void {
    this.params = params;
    this.options = params.options;
  }

  // 必须实现的接口方法，返回单元格的值
  getValue(): any {
    const select = document.getElementById('mySelect') as HTMLSelectElement;
    return Array.from(select.selectedOptions).map(option => option.value);
  }
}

import { Component } from '@angular/core';
import { GridOptions } from 'ag-grid-community';
import { SelectizeCellEditorComponent } from './selectize-cell-editor.component';

@Component({
  selector: 'app-grid',
  template: `
    <ag-grid-angular
      [gridOptions]="gridOptions"
      style="width: 100%; height: 500px;"
    ></ag-grid-angular>
  `,
})
export class GridComponent {
  gridOptions: GridOptions;

  constructor() {
    this.gridOptions = {
      // 其他配置...
      frameworkComponents: {
        selectize: SelectizeCellEditorComponent,
      },
      // 其他列定义...
    };
  }
}