Set column Command Visible

[Lorena]

I'm trying to set the destroy command visible. I need the button turn to visible or invisible using a condition(The condition depends on the selection from a DropDownList column). The first time that grid load the button shows perfectly, but when the grid changed the visible function doesn't work, the button do not turn to visible or invisible. 

Is there any way that I can accomplish that?  Thanks

This is my code:

columns.Command(command =>
 {
     command.Destroy().Visible("ButtonDestroyVisible");
});

function ButtonDestroyVisible(dataItem) {
    return dataItem.Status.StatusId == 1;       //Set to visible when StatusId == 1
}

[Viktor Tachev]

Hi Lorena,

The visible option will determine whether a command will be displayed when the Grid is rendered. Thus, when clicking Save Changes and the updated value is persisted to the server the destroy command will be hidden if necessary. 

If you would like to hide the destroy button as the user makes changes I would suggest using the save event. The handler would look similar to the following:

function onSave(e) {
  var row = e.container.closest("tr");
  var btn = row.find(".k-grid-delete");

  if (e.values.ProductName == "Chai") {
    btn.hide();
  }
}

I also prepared a small dojo illustrating the approach. The relevant logic when using MVC wrappers will be the same.

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

Give the approach a try and let me know how it works for you.

Regards,
Viktor Tachev
Progress Telerik