时间戳

首页 > 解决方案 > ag-grid ：在具有角度的网格单元格上显示下拉菜单

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

问题描述

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

按照本教程

标签： angularangular8ag-grid

解决方案

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

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

推荐阅读