ag-grid ：在具有角度的网格单元格上显示下拉菜单答案

【问题标题】：ag-grid : show dropdown on cell of grid with angularag-grid ：在具有角度的网格单元格上显示下拉菜单
【发布时间】：2020-10-28 15:53:30
【问题描述】：

我正在使用 angular 8 并且我能够渲染 ag-grid，但我还需要在单元格上显示下拉菜单，所以我添加了如下代码：

这是一个单列的ts文件代码。

this.columns[0] = {
  headerName: 'a', field: 'a', cellEditorParams: {
    cellEditor: 'agRichSelectCellEditor',
    values: ['a','b','c'],

  },
};
this.defaultColDef = {
  flex: 1,
  minWidth: 80,
  editable: true,
  resizable: true,
};

对于 html 文件，我的代码如下：

<ag-grid-angular style="width: 100%; height: 500px;" class="ag-theme-alpine"
            [rowData]="rows" [columnDefs]="columns" (gridReady)="onGridReady($event)" [defaultColDef]="defaultColDef">

这里的行是空的，我想以 a,b,c 作为值显示下拉列表，无论该列是空的还是填充了某个值。

是否需要购买ag-grid的企业版才能使用agRichSelectCellEditor

关注这个tutorial

【问题讨论】：

标签： angular angular8 ag-grid

【解决方案1】：

agRichSelectCellEditor 仅在 ag-Grid Enterprise 中可用。将浏览器的 select 弹出窗口用于网格内的下拉菜单的替代方法。

您可以创建自己的自定义编辑器以在单元格中显示下拉菜单。点击链接 - https://www.ag-grid.com/javascript-grid-cell-editor/

【讨论】：

实际上我按照上面的定义创建了网格，现在当我们使用自定义的网格时，我们必须创建一个对象作为 gridOptions，那么我该如何传递呢。
不，您只需在 cellEditor 中传递您的自定义编辑器。参考自定义编辑器示例 - stackblitz.com/edit/ag-grid-celleditor-kkfh8y