Skip to content
This repository was archived by the owner on Aug 19, 2024. It is now read-only.

Commit f5c1a4b

Browse files
committed
Update fw examples
1 parent 168a127 commit f5c1a4b

File tree

1 file changed

+12
-13
lines changed

1 file changed

+12
-13
lines changed

src-examples/richGridDeclarativeExample/RichGridDeclarativeExample.jsx

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export default class RichGridDeclarativeExample extends Component {
2222

2323
this.state = {
2424
quickFilterText: null,
25-
showToolPanel: false,
25+
sideBar: false,
2626
rowData: new RowDataFactory().createRowData(),
2727
icons: {
2828
columnRemoveFromGroup: '<i class="fa fa-remove"/>',
@@ -50,8 +50,8 @@ export default class RichGridDeclarativeExample extends Component {
5050
};
5151

5252
/* Demo related methods */
53-
onToggleToolPanel = (event) => {
54-
this.setState({showToolPanel: event.target.checked});
53+
onToggleSidebar = (event) => {
54+
this.setState({sideBar: event.target.checked});
5555
};
5656

5757
deselectAll() {
@@ -142,8 +142,8 @@ export default class RichGridDeclarativeExample extends Component {
142142
<div style={{display: "inline-block", width: "100%", marginTop: 10, marginBottom: 10}}>
143143
<div style={{float: "left"}}>
144144
<label>
145-
<input type="checkbox" onChange={this.onToggleToolPanel} style={{marginRight: 5}}/>
146-
Show Tool Panel
145+
<input type="checkbox" onChange={this.onToggleSidebar} style={{marginRight: 5}}/>
146+
Show Side Bar
147147
</label>
148148
</div>
149149
<div style={{float: "left", marginLeft: 20}}>
@@ -169,7 +169,7 @@ export default class RichGridDeclarativeExample extends Component {
169169
onCellClicked={this.onCellClicked}
170170

171171
// binding to simple properties
172-
showToolPanel={this.state.showToolPanel}
172+
sideBar={this.state.sideBar}
173173
quickFilterText={this.state.quickFilterText}
174174

175175
// binding to an object property
@@ -247,10 +247,10 @@ export default class RichGridDeclarativeExample extends Component {
247247
All
248248
Rows
249249
(expand the Employee column to show the Country column first)</p>
250-
<p><span style={{fontWeight: 500}}>Toggle The Tool Panel</span>: Let your users Pivot,
250+
<p><span style={{fontWeight: 500}}>Toggle The Side Bar</span>: Let your users Pivot,
251251
Group
252252
and
253-
Aggregate using the Tool Panel</p>
253+
Aggregate using the Side Bar</p>
254254
<p><span style={{fontWeight: 500}}>Refresh Data</span>: Dynamically Update Grid Data</p>
255255
<p><span style={{fontWeight: 500}}>Quick Filter</span>: Perform Quick Grid Wide
256256
Filtering
@@ -322,12 +322,11 @@ export default class RichGridDeclarativeExample extends Component {
322322
<div className="col-sm-4">
323323
<div className="card">
324324
<div className="card-body">
325-
<h4 className="card-title">Tool Panel</h4>
325+
<h4 className="card-title">Side Bar</h4>
326326
<p className="card-text">Let your users Pivot, Group and Aggregate using the
327-
Tool
328-
Panel</p>
329-
<a target="_blank" href="https://www.ag-grid.com//javascript-grid-tool-panel/"
330-
className="btn btn-primary">Tool Panel</a>
327+
Side Bar</p>
328+
<a target="_blank" href="https://www.ag-grid.com//javascript-grid-side-bar/"
329+
className="btn btn-primary">Side Bar</a>
331330
</div>
332331
</div>
333332
</div>

0 commit comments

Comments
 (0)