Disable toolbar button on kendo ui grid

[Alexis]

hi,

I have a kendo ui grid with toolbar ( with save button ) specified. Not i want to disable the button if the grid contains nothing and when the user clicks it since i'm in the process of processing the request to the server. It is possible? How can i do it? Thanks

[Kyle]

Did you ever get this figured out? I'm trying to do something similar.

[Alexander Valchev]

Hi guys,

This functionality is not supported out of the box. A possible solution would be to cover the button with a transparent <div> element and remove it on the dataBound event. In this jsFiddle you can find a working example showing this approach in action.
I hope this information will help.

All the best,
Alexander Valchev
the Telerik team

[Sanket]

This functionality needs to be supported,can we expect any such thing in near future.

[Stefan Timm]

Please can you check the fiddle:  http://jsfiddle.net/valchev/W3fqH/
This is not working. The #myCover is not hiding

regards Stefan Timm

[Alexander Popov]

Hi everyone,

You can make the button look disabled by adding a "k-state-disabled" class, however clicking it will still add a new row. You can get around that too by removing the "k-grid-add" class. Here is an example. 
 
Regards,
Alexander Popov
Telerik

[Rubens]

It might be important to consider that if you by chance are rendering your Grid Widget using MVC Wrappers, you also should remove "ahref" atribute from "k-grid-add" in order to avoid the click.

$(".k-grid-add")
    .removeClass("k-grid-add")
    .addClass("k-state-disabled")
    .removeAttr("href");