Ag grid Enterprise agNumberCellEditor 无法工作

问题描述 投票:0回答:1

我正在使用 Ag Grid enterprise,当我用于专栏时,内置编辑器出现以下错误,有什么想法

{
  headerName: "Branches",
  field: "branches",
  width: 120,
  editable: true,
  cellEditor: 'agNumberCellEditor',
  cellEditorParams: {
    precision: 4,
  } 
}

AG Grid:正在寻找组件[agNumberCellEditor],但没有找到

Ag网格版本:28 角度版本:15

ag-grid ag-grid-angular ag-grid-react ag-grid-vue
1个回答
0
投票

导入 INumberCellEditorParams

import {
  INumberCellEditorParams,
} from 'ag-grid-community';

像这样更改列定义

public columnDefs: ColDef[] = [
  {
    headerName: 'Branches',
    field: 'branches',
    cellEditor: 'agNumberCellEditor',
    editable: true,
    cellEditorParams: {
      precision: 4,
    } as INumberCellEditorParams,
  },
  // ...
}

使用它

<ag-grid-angular
    style="width: 100%; height: 100%;"
    class="ag-theme-alpine"
    [columnDefs]="columnDefs" // <--
    [defaultColDef]="defaultColDef"
    [rowData]="rowData"
  ></ag-grid-angular>

工作plunkr:https://plnkr.co/edit/IXtazOz3uJZIXwhZ?preview

© www.soinside.com 2019 - 2024. All rights reserved.