Kendo Grid custom command button shown dynamically

John Mitchell

I have a Custom Command button in a Kendo Grid, however its functionality is linked to the row itself. Is there any way to only show the custom command button AFTER an insert?

The grid is currently in inline edit mode, so when you click insert the custom command is shown all the time, and clicking on it produces an error since the data does not yet exist (the user hasn't clicked the update button)

See image for example :- Custom command example I'm trying to have the Edit Teams, Export and Set Active button only visible after the data has been entered into the DB (ie after the update button is clicked).

John Mitchell

I've found a way to do this using CSS only - Kendo applies the k-grid-edit-row class to any grid row thats in the editable state, Using that I can do :-

/* Hide the buttons on an edit row */
.k-grid-edit-row .k-grid-EditTeams,
.k-grid-edit-row .k-grid-Export,
.k-grid-edit-row .k-grid-SetActive {
  visibility: hidden;
}

Where k-grid-EditTeams, Export and SetActive are my button classes.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Custom Kendo UI Grid Footer - Update Dynamically

Kendo Grid Mvc - Cannot be shown custom error message on view page

Addition of Custom button in Kendo Grid using Kendotoolbar and kendo toolbar button

Cannot refresh Kendo Grid by a custom button?

Kendo Grid custom action button icon

Display Custom Command Button Kendo UI Grid in MVC with Conditional Authorization Role

Display checkbox or switch instead custom button kendo grid

Kendo Grid -> How to trigger custom method on Add click button

mouseover or mouseenter or onhover event for Kendo Grid custom button?

Adding "active" color for custom Kendo UI grid button

Custom Button not completly shown

Kendo Grid Custom Column

Kendo Grid Custom Reordering

highlight the button clicked in kendo grid

kendo grid delete command not working

Kendo Grid custom editable popup

Kendo MVVM Grid with custom filters

Kendo Grid UI with custom function

Kendo Grid custom filter on date

How to custom tooltip such as contains some button in grid's cell tooltip in Kendo UI MVC?

How to generate a custom button that submits cell data from its uid in Kendo UI Grid MVC?

What else do I need to make kendo grid's custom toolbar command work?

kendo web ui grid batch editing on click of custom command using jquery/javascript

Creating dynamically grid in Kendo UI for Angular

Dynamically setting the sortable property of a kendo grid column

Dynamically change height of rows of Kendo Grid on container Kendo window resize

Office Addin command taskpane button icon is not shown

Tkinter custom button image not fully shown

Kendo Grid create a icon button on each rows