mohiit1502/ag-grid-react-example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AG-1329 Update examples

Browse Source
This commit is contained in:
Sean Landsman
2019-11-11 11:22:13 +00:00
parent ff7c46e553
commit 5ad3592fed
10 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
config/webpack.config.examples.js
View File

@@ -35,9 +35,9 @@ module.exports = {
},
resolve: {
alias: {
"@ag-grid-community/core/modules": path.resolve('./node_modules/@ag-grid-community/core/dist/es2015/modules'),
// "@ag-grid-community/core/modules": path.resolve('./node_modules/@ag-grid-community/core/dist/es2015/modules'),
"@ag-grid-community/core": path.resolve('./node_modules/@ag-grid-community/core'),
"ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'),
// "ag-grid-enterprise": path.resolve('./node_modules/ag-grid-enterprise'),
react: path.resolve('./node_modules/react')
},
extensions: ['.js', '.jsx']

5
package.json
View File

@@ -38,6 +38,7 @@
},
"homepage": "http://www.ag-grid.com/",
"devDependencies": {
"@ag-grid-community/core": "~22.0.0",
"@babel/core": "7.4.4",
"@babel/plugin-proposal-class-properties": "7.4.4",
"@babel/plugin-proposal-function-bind": "7.2.0",
@@ -61,10 +62,8 @@
"webpack-dev-server": "3.4.1"
},
"dependencies": {
"@ag-grid-community/all-modules": "~22.0.0",
"@ag-grid-community/core": "~22.0.0",
"@ag-grid-community/react": "~22.0.0",
"@ag-grid-enterprise/all-modules": "~22.0.0",
"@ag-grid-community/react": "~22.0.0",
"bootstrap": "4.3.1",
"d3": "4.9.1",
"lodash": "4.17.11",

6
src-examples/index.js
View File

@@ -4,14 +4,14 @@ import React from "react";
import {render} from "react-dom";
import {BrowserRouter} from "react-router-dom";
import "@ag-grid-community/core/dist/styles/ag-grid.css";
import "@ag-grid-community/core/dist/styles/ag-theme-balham.css";
import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css";
import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-balham.css";
import "../node_modules/bootstrap/dist/css/bootstrap.css";
import App from "./App";
// only required when using enterprise features
// import {LicenseManager} from "ag-grid-enterprise/main";
// import {LicenseManager} from "@ag-grid-enterprise/all-modules";
// LicenseManager.setLicenseKey("<your license key>");
document.addEventListener('DOMContentLoaded', () => {

2
src-examples/simpleReduxDynamicComponentExample/HeaderComponent.jsx
View File

@@ -1,7 +1,5 @@
import React, {Component} from "react";
import {connect} from "react-redux";
// take this line out if you do not want to use ag-Grid-Enterprise
// import "ag-grid-enterprise";
import {setCurrency, updateRowData} from "./gridDataActions";

2
src-examples/simpleReduxDynamicComponentExample/SimpleReduxExample.jsx
View File

@@ -1,8 +1,6 @@
import React, {Component} from "react";
import {Provider} from "react-redux";
import {createStore} from "redux";
// take this line out if you do not want to use ag-Grid-Enterprise
// import "ag-grid-enterprise";
import HeaderComponent from "./HeaderComponent";
import GridComponent from "./GridComponent";

4
src-large-data/largeGrid.jsx
View File

@@ -3,7 +3,7 @@ import SimpleCellRenderer from './simpleCellRenderer.jsx';
import {AgGridReact} from '@ag-grid-community/react';
// for community features
import {AllCommunityModules} from "@ag-grid-community/all-modules";
import {AllModules} from "@ag-grid-enterprise/all-modules";
// for enterprise features
// import {AllModules} from "@ag-grid-enterprise/all-modules";
@@ -64,7 +64,7 @@ export default class MyApp extends Component {
render() {
return (
<div style={{height: '100%'}} className="ag-theme-fresh">
<AgGridReact columnDefs={this.state.columnDefs} rowData={this.state.rowData} modules={AllCommunityModules}/>
<AgGridReact columnDefs={this.state.columnDefs} rowData={this.state.rowData} modules={AllModules}/>
</div>
);
}

4
src-trader-dashboard/components/FxQuoteMatrix.jsx
View File

@@ -3,6 +3,8 @@ import {connect} from "react-redux";
import {AgGridReact} from "@ag-grid-community/react";
import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules";
class FxQuoteMatrix extends Component {
constructor(props) {
super(props);
@@ -71,6 +73,8 @@ class FxQuoteMatrix extends Component {
// callbacks
getRowNodeId={this.getRowNodeId}
modules={[ClientSideRowModelModule]}
// events
onGridReady={this.onGridReady}>
</AgGridReact>

3
src-trader-dashboard/components/PriceChangesGrid.jsx
View File

@@ -1,6 +1,7 @@
import React, {Component} from "react";
import {AgGridReact} from "@ag-grid-community/react";
import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules";
import map from "lodash/map";
import difference from "lodash/difference";
@@ -160,6 +161,8 @@ export default class extends Component {
}}
rowSelection="single"
modules={[ClientSideRowModelModule]}
// callbacks
getRowNodeId={this.getRowNodeId}

3
src-trader-dashboard/components/TopMoversGrid.jsx
View File

@@ -2,6 +2,7 @@ import React, {Component} from "react";
import {connect} from "react-redux";
import {AgGridReact} from "@ag-grid-community/react";
import {ClientSideRowModelModule} from "@ag-grid-enterprise/all-modules";
class TopMoversGrid extends Component {
constructor(props) {
@@ -75,6 +76,8 @@ class TopMoversGrid extends Component {
deltaRowDataMode
getRowNodeId={this.getRowNodeId}
modules={[ClientSideRowModelModule]}
// events
onGridReady={this.onGridReady}>
</AgGridReact>

3
src-trader-dashboard/index.js
View File

@@ -8,6 +8,9 @@ import {Provider} from "react-redux";
import StoreService from './services/StoreService';
import TraderDashboard from "./components/TraderDashboard.jsx";
import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css";
import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-fresh.css";
let store = StoreService.STORE;
document.addEventListener('DOMContentLoaded', () => {