How do I add a button to the toolbar of a grid? There isn't much documentation other than using the default commands, which aren't helpful. Ideally, I should be  able to say, 


toolbar: [{
name: 'new',
id: 'createNew',
text: "Create New ",
click: function(e) {
// do stuff
}
}]

I've seen other solutions where I define a template, but I think that is a poor solution, especially if your app is highly modularized. How do you add a button via config options?

Hello Jeff,

The full list of configuration settings of the toolbar can be found in the documentation:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/toolbar

Have in mind that a click handler property is not available. However, the grid adds a custom class that contains the name of the command. Therefore the click handler can be attached as shown below:


For your convenience below you will find a sample which demonstrates the above approach:

• https://dojo.telerik.com/epObElAP

 
Regards,
Georgi
Progress Telerik