@@ -22,7 +22,7 @@ export default class RichGridDeclarativeExample extends Component {
22
22
23
23
this . state = {
24
24
quickFilterText : null ,
25
- showToolPanel : false ,
25
+ sideBar : false ,
26
26
rowData : new RowDataFactory ( ) . createRowData ( ) ,
27
27
icons : {
28
28
columnRemoveFromGroup : '<i class="fa fa-remove"/>' ,
@@ -50,8 +50,8 @@ export default class RichGridDeclarativeExample extends Component {
50
50
} ;
51
51
52
52
/* Demo related methods */
53
- onToggleToolPanel = ( event ) => {
54
- this . setState ( { showToolPanel : event . target . checked } ) ;
53
+ onToggleSidebar = ( event ) => {
54
+ this . setState ( { sideBar : event . target . checked } ) ;
55
55
} ;
56
56
57
57
deselectAll ( ) {
@@ -142,8 +142,8 @@ export default class RichGridDeclarativeExample extends Component {
142
142
< div style = { { display : "inline-block" , width : "100%" , marginTop : 10 , marginBottom : 10 } } >
143
143
< div style = { { float : "left" } } >
144
144
< 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
147
147
</ label >
148
148
</ div >
149
149
< div style = { { float : "left" , marginLeft : 20 } } >
@@ -169,7 +169,7 @@ export default class RichGridDeclarativeExample extends Component {
169
169
onCellClicked = { this . onCellClicked }
170
170
171
171
// binding to simple properties
172
- showToolPanel = { this . state . showToolPanel }
172
+ sideBar = { this . state . sideBar }
173
173
quickFilterText = { this . state . quickFilterText }
174
174
175
175
// binding to an object property
@@ -247,10 +247,10 @@ export default class RichGridDeclarativeExample extends Component {
247
247
All
248
248
Rows
249
249
(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,
251
251
Group
252
252
and
253
- Aggregate using the Tool Panel </ p >
253
+ Aggregate using the Side Bar </ p >
254
254
< p > < span style = { { fontWeight : 500 } } > Refresh Data</ span > : Dynamically Update Grid Data</ p >
255
255
< p > < span style = { { fontWeight : 500 } } > Quick Filter</ span > : Perform Quick Grid Wide
256
256
Filtering
@@ -322,12 +322,11 @@ export default class RichGridDeclarativeExample extends Component {
322
322
< div className = "col-sm-4" >
323
323
< div className = "card" >
324
324
< div className = "card-body" >
325
- < h4 className = "card-title" > Tool Panel </ h4 >
325
+ < h4 className = "card-title" > Side Bar </ h4 >
326
326
< 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 >
331
330
</ div >
332
331
</ div >
333
332
</ div >
0 commit comments