Compare commits

...

2 Commits

Author SHA1 Message Date
Alberto
2228a8d0c9 Merge branch 'master' into latest 2017-09-08 09:40:53 +01:00
Sean Landsman
9528d5a5bc Move per col icons to grid based 2017-09-04 10:39:17 +01:00
2 changed files with 9 additions and 10 deletions

View File

@@ -16,12 +16,7 @@ export default class ColDefFactory {
checkboxSelection: true, checkboxSelection: true,
suppressSorting: true, suppressSorting: true,
suppressMenu: true, suppressMenu: true,
pinned: true, pinned: true
icons: {
checkboxChecked: '<i class="fa fa-arrow-left"/>',
checkboxUnchecked: '<i class="fa fa-arrow-right"/>',
checkboxIndeterminate: '<i class="fa fa-arrow-up"/>'
}
}, },
{ {
headerName: 'Employee', headerName: 'Employee',

View File

@@ -6,7 +6,6 @@ import DateComponent from "./DateComponent.jsx";
import SortableHeaderComponent from "./SortableHeaderComponent"; import SortableHeaderComponent from "./SortableHeaderComponent";
import "./RichGridExample.css"; import "./RichGridExample.css";
// take this line out if you do not want to use ag-Grid-Enterprise // take this line out if you do not want to use ag-Grid-Enterprise
import "ag-grid-enterprise"; import "ag-grid-enterprise";
@@ -29,7 +28,10 @@ export default class RichGridExample extends Component {
groupExpanded: '<i class="fa fa-minus-square-o"/>', groupExpanded: '<i class="fa fa-minus-square-o"/>',
groupContracted: '<i class="fa fa-plus-square-o"/>', groupContracted: '<i class="fa fa-plus-square-o"/>',
columnGroupOpened: '<i class="fa fa-minus-square-o"/>', columnGroupOpened: '<i class="fa fa-minus-square-o"/>',
columnGroupClosed: '<i class="fa fa-plus-square-o"/>' columnGroupClosed: '<i class="fa fa-plus-square-o"/>',
checkboxChecked: '<i class="fa fa-arrow-left"/>',
checkboxUnchecked: '<i class="fa fa-arrow-right"/>',
checkboxIndeterminate: '<i class="fa fa-arrow-up"/>'
} }
}; };
@@ -119,7 +121,7 @@ export default class RichGridExample extends Component {
// simply wait for the next tick // simply wait for the next tick
setTimeout(() => { setTimeout(() => {
this.gridOptions.api.onFilterChanged(); this.gridOptions.api.onFilterChanged();
},0) }, 0)
} }
render() { render() {
@@ -153,7 +155,9 @@ export default class RichGridExample extends Component {
<span> <span>
Grid API: Grid API:
{/* use ref to access the api in selectAll */} {/* use ref to access the api in selectAll */}
<button onClick={() => { this.refs.myGrid.api.selectAll() }}>Select All</button> <button onClick={() => {
this.refs.myGrid.api.selectAll()
}}>Select All</button>
<button onClick={this.deselectAll.bind(this)}>Clear Selection</button> <button onClick={this.deselectAll.bind(this)}>Clear Selection</button>
</span> </span>
<span style={{marginLeft: 20}}> <span style={{marginLeft: 20}}>