GridToolbar

A subclass of React.Component.

Represents the GridToolbar component.

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data: [{'Column1':'A1', 'Column2':'A2'},
                  {'Column1':'B1', 'Column2':'B2'},
                  {'Column1':'C1', 'Column2':'C2'}]
        };
        this.customClick = this.customClick.bind(this);
    }

    customClick() {
        alert("Custom handler in custom toolbar");
    }
    render() {
        return (
            <Grid data={this.state.data}>
                <GridToolbar>
                    <button
                        title="Click"
                        className="k-button k-primary"
                        onClick={this.customClick}
                    >Click
                    </button>
                </GridToolbar>
            </Grid>
        );
    }
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

props Readonly<GridToolbarProps> intersected with Readonly<{ children?: ReactNode; }>

The props of the GridToolbar component.

 /