GridColumnMenuSort
A subclass of React.Component.
class ColumnMenu extends React.Component {
render() {
return (
<div>
<GridColumnMenuSort {...this.props} />
</div>);
}
}
class App extends React.PureComponent {
constructor(props) {
super(props);
this.state = this.createAppState({
take: 10,
skip: 0
});
}
createAppState(dataState) {
return {
result: process(products.slice(0), dataState),
dataState: dataState
};
}
dataStateChange = (event) => {
this.setState(this.createAppState(event.dataState));
}
render() {
return (
<div>
<Grid
data={this.state.result}
{...this.state.dataState}
onDataStateChange={this.dataStateChange}
sortable={true}
pageable={true}
>
<Column field="ProductID" title="Product ID" columnMenu={ColumnMenu}/>
<Column field="ProductName" />
</Grid>
<br />
</div>
);
}
}
ReactDOM.render(<App />, document.querySelector('my-app'));
Name | Type | Default | Description |
---|---|---|---|
props |
|
The props of the GridColumnMenuSort component. |
Methods
active | |||||||||
---|---|---|---|---|---|---|---|---|---|
Can be used to check if sorting is applied to a specific field (see example). Useful for creating active sort indicators. | |||||||||
| |||||||||
|