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

Update fw examples

Browse Source
This commit is contained in:
Sean Landsman
2019-02-20 15:35:12 +00:00
parent 74ccfa6b26
commit 7ff41a6966
3 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
package.json
View File

@@ -37,35 +37,35 @@
},
"homepage": "http://www.ag-grid.com/",
"devDependencies": {
"@babel/core": "7.2.2",
"@babel/core": "7.3.3",
"babel-loader": "8.0.5",
"@babel/preset-env": "7.3.1",
"@babel/preset-react": "7.0.0",
"@babel/plugin-proposal-class-properties": "7.3.0",
"@babel/plugin-proposal-class-properties": "7.3.3",
"@babel/plugin-proposal-function-bind": "7.2.0",
"css-loader": "2.1.0",
"file-loader": "3.0.1",
"gulp": "3.9.1",
"merge2": "^1.2.3",
"merge2": "1.2.3",
"mkdirp": "0.5.1",
"ncp": "2.0.0",
"prop-types": "15.6.2",
"rimraf": "~2.6.2",
"style-loader": "~0.23.0",
"webpack": "4.28.3",
"webpack-cli": "3.2.0",
"webpack-dev-server": "3.1.14"
"prop-types": "15.7.2",
"rimraf": "2.6.3",
"style-loader": "0.23.1",
"webpack": "4.29.5",
"webpack-cli": "3.2.3",
"webpack-dev-server": "3.2.0"
},
"dependencies": {
"ag-grid-community": "^20.0.0",
"ag-grid-enterprise": "^20.0.0",
"ag-grid-react": "^20.0.0",
"bootstrap": "4.1.3",
"bootstrap": "4.3.1",
"d3": "4.9.1",
"lodash": "4.17.11",
"react": "16.8.1",
"react-dom": "16.8.1",
"react-redux": "6.0.0",
"react": "16.8.2",
"react-dom": "16.8.2",
"react-redux": "6.0.1",
"react-router-dom": "4.3.1",
"redux": "4.0.1"
}

2
src-examples/App.jsx
View File

@@ -12,7 +12,7 @@ const SideBar = () => (
<ul className="nav nav-pills">
<NavItem to='/rich-grid-declarative'>Rich Grid with Declarative Markup</NavItem>
<NavItem to='/simple-redux-dynamic'>Simple Redux Dynamic Component Example</NavItem>
<NavItem to='/simple-redux-hook'>Simple Redux Dynamic Component Example</NavItem>
<NavItem to='/simple-redux-hook'>Simple React Hook Component Example</NavItem>
</ul>
</div>
);

20
src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx
View File

@@ -141,17 +141,8 @@ export default class RichGridDeclarativeExample extends Component {
</div>
<div style={{display: "inline-block", width: "100%", marginTop: 10, marginBottom: 10}}>
<div style={{float: "left"}}>
<label>
<input type="checkbox" onChange={this.onToggleSidebar} style={{marginRight: 5}}/>
Show Side Bar
</label>
</div>
<div style={{float: "left", marginLeft: 20}}>
<button onClick={this.onRefreshData} className="btn btn-primary">Refresh Data</button>
</div>
<div style={{float: "left", marginLeft: 20}}>
<input type="text" onChange={this.onQuickFilterText} placeholder="Type text to filter..."/>
</div>
<div style={{float: "right"}}>
Filter API:
<button onClick={this.invokeSkillsFilterMethod}
@@ -161,6 +152,17 @@ export default class RichGridDeclarativeExample extends Component {
</button>
</div>
</div>
<div style={{display: "inline-block", width: "100%", marginTop: 10, marginBottom: 10}}>
<div style={{float: "left"}}>
<label>
<input type="checkbox" onChange={this.onToggleSidebar} style={{marginRight: 5}}/>
Show Side Bar
</label>
</div>
<div style={{float: "left", marginLeft: 20}}>
<input type="text" onChange={this.onQuickFilterText} placeholder="Type text to filter..."/>
</div>
</div>
<div style={{height: 400, width: 900}} className="ag-theme-balham">
<AgGridReact
// listening for events