Ag Grid Enterprise 功能答案

【问题标题】：Ag Grid Enterprise featuresAg Grid Enterprise 功能
【发布时间】：2018-11-08 16:47:20
【问题描述】：

我正在使用ag-grid-enterprise

app.js

import React from 'react'
import ReactDOM from 'react-dom'
import { LicenseManager } from "ag-grid-enterprise"

LicenseManager.setLicenseKey('<enterprisekey>')
...

DataGrid.js

import { AgGridReact } from 'ag-grid-react'
import 'ag-grid-enterprise'
import React from 'react'

class DataGrid extends React.Component {


    onGridReady = params => {
     this.gridApi = params.api
     this.gridColumnApi = params.columnApi
     console.log('params', params) // ag-grid enterprise features are null E.G.(aggFuncService, clipboardService)
    }

    render() {

    return (
          // Props omitted for brevity
          <AgGridReact />
    )
  }

 }

package.json

{
"ag-grid": "18.1.1",
"ag-grid-community": "^19.1.1",
"ag-grid-enterprise": "^19.1.1",
"ag-grid-react": "18.1.0",
}

为什么ag-grid-react enterprise 功能为空？看来我在这里做错了。

【问题讨论】：

标签： reactjs ag-grid ag-grid-react

【解决方案1】：

首先：删除obsolete npm package ag-grid

重大变化：

ag-Grid 的免费模块的 NPM 包名称现在是 ag-grid-community，而不是 ag-grid。这意味着您使用npm install ag-grid-community 安装，然后像import {Grid, GridOptions} from "ag-grid-community" 一样引用。

然后：将ag-grid-react 更新为与ag-grid-community 相同的版本

最后一个，不确定您究竟想在params 中找到什么，但如果您的许可证有效，您应该能够使用所有功能。

简单检查：只需在gridOptions 中添加[enableRangeSelection]="true" 并尝试在行+列中选择范围

【讨论】：