Product Bundles
DevCraft
All Telerik .NET and Kendo UI JavaScript components and AI Tools in one package.
Kendo UI
Bundle of AI Tools plus four JavaScript UI libraries built natively for jQuery, Angular, React and Vue.
Build JavaScript UI
Javascript
Telerik
Build modern .NET business apps
.Net Web
Cross-Platform
Desktop
Reporting and Documents
AI for Developers & IT
Ensure AI program success
AI Coding
AI Engineering
Additional Tools
Enhance the developer and designer experience
Testing & Mocking
Debugging
UI/UX Tools
CMS
Free Tools
Support and Learning
Productivity and Design Tools
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");
Hi Abdul,
Thank you for writing to us.
You can achieve this requirement using the following approach:
$(".k-grid-remove-command").addClass("k-disabled");
$(".k-master-row .k-grid-remove-command").addClass("k-disabled");
Regards, Eyup Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Eyup,
I tried both the approach, both are not working. The delete buttons are still enabled.
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"});
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