[Solved] How to Disable Custom Command Delete Button

[abdul]

Hi,

I have a custom Command  delete button, I wanted to disable this button.

I tried the below code, but its disable pagination hyperlink numbers also.

 $(".k-button").addClass("k-disabled");

 

 

[Eyup]

Hi Abdul,

 

Thank you for writing to us.

You can achieve this requirement using the following approach:

$(".k-grid-remove-command").addClass("k-disabled");

The other option is this:

$(".k-master-row .k-grid-remove-command").addClass("k-disabled");

Do you find this answer helpful? Feel free to try both solutions and let me know what you think.

 

Regards,
Eyup
Progress Telerik

[abdul]

Hi Eyup,

I tried both the approach, both are not working. The delete buttons are still enabled.

[abdul]

The Delete button is a Custom Command button

 columns.Command(command => command.Custom("Delete").Click("DeleteRecord")).Title("Action").Width(150).HeaderHtmlAttributes(new {style = "justify-content:center"});

[Eyup]

Hi Abdul,

Yes, the snippets I suggested were rather for the standard Delete column.

Thank you for sharing the custom Delete command column definition. You can disable the buttons like this:

$(".k-grid-Delete").addClass("k-disabled");

You can find the entire sample here:
https://netcorerepl.telerik.com/GePGExvc00UPfjkm23