时间戳

首页 > 解决方案 > Ag Grid Enterprise 功能

reactjs - Ag Grid Enterprise 功能

问题描述

我在用ag-grid-enterprise

应用程序.js

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

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

数据网格.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 />
    )
  }

 }

包.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 企业功能是空的？看来我在这里做错了什么。

标签： reactjsag-gridag-grid-react

解决方案

第一：删除过时的 npm 包ag-grid

重大变化：

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

然后：更新ag-grid-react到相同的版本ag-grid-community

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

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

推荐阅读