React date component, polishing the UI and adding documentation

This commit is contained in:
Alberto
2017-01-23 12:30:15 +00:00
parent a280e97763
commit 3390411e8a
2 changed files with 149 additions and 43 deletions

View File

@@ -101,6 +101,14 @@ export default class MyApp extends React.Component {
componentInstance.helloFromSkillsFilter();
}
dobFilter () {
let dateFilterComponent = this.gridOptions.api.getFilterInstance('dob');
dateFilterComponent.setFilterType('equals');
dateFilterComponent.setDateFrom('2000-01-01');
this.gridOptions.api.onFilterChanged();
}
render() {
var gridTemplate;
var bottomHeaderTemplate;
@@ -152,6 +160,7 @@ export default class MyApp extends React.Component {
<span style={{marginLeft: 20}}>
Filter API:
<button onClick={this.invokeSkillsFilterMethod.bind(this, false)}>Invoke Skills Filter Method</button>
<button onClick={this.dobFilter.bind(this)}>DOB equals to 01/01/2000</button>
</span>
</div>
<div style={{clear: 'both'}}></div>