Prevent Default on Edit button

[Muhammad]

In kendo grid when I click on the Edit button it shows the Update and Cancel button immediately. Is there any way to prevent this ?

I mean when clicking on the Edit button it should first check the condition if it is true only then show it should show the Update and Cancel buttons

Thanks

[Muhammad]

 

 

edit: function(e) {
            //$('.column-edit').closest('a').off('click').on('click', function (e) {
            //    alert('edit');
            //    return false
            //});
            $(e).unbind();
            alert('sss');
            return false;
            e.stopPropagation();
            e.preventDefault();
        }

 

But it still shows the Update and Cancel button

[Anton Mironov]

Hello, Muhammad,

Thank you for the provided code.

In order to disable the Edit button by condition try the dataBound event instead of edit. When the edit event is handled it is too late to disable its default behavior. In the dataBound event handler, target the edit button by class (.k-grid-edit) and attach a click event handler to it. Get the dataItem for the current row and check the condition. If the condition returns true, prevent the default behavior of the event, and stop immediate propagation.

The full implementation could be found in the demo below:
(the condition for disabled Edit buttons is field "Units In Stock" to be less than 50)

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

Let me know if you have any other questions.

 

Best Regards,
Anton Mironov
Progress Telerik