angular - 农业网格 : show dropdown on cell of grid with angular

Question

我正在使用 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

Answer 1

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

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