Kendo Grid, add edit and delete button inside dropdown

[Jan-Frederik]

I have a kendo grid with inline editing and would like to put the edit and delete button inside a dropdown.

Before code:

columns.Command(command =>
{
   command.Edit();
   command.Destroy();
 }).Width(70);

I came up with the following markup

columns.Bound(x => x.Id).Title(" ").IncludeInMenu(false).ClientTemplate(
   @"<div class='btn-group'>
   <a role='button' class='k-button k-button-icontext k-grid-edit' href='\\#'><span class='k-icon k-i-edit'></span>Edit</a>
   <a class='k-button k-button-icontext dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
       <span class='caret'></span>
   </a>
   <ul class='dropdown-menu'>
      <li><a role='button' class='k-button k-button-icontext k-grid-delete' href='\\#'><span class='k-icon k-i-close'></span>Delete</a></li>
   </ul>
   </div>")
.Width(80);

This is basically ok, but the problem is that after clicking the edit button, the Update/Cancel buttons are not displayed. Is there a way to fix this issue?

[Anton Mironov]

Hello Jan-Frederik,

Thank you for the code snippets and the details provided.

As the Edit and Delete buttons are custom implemented, the Update and the Cancel buttons should also be custom added.

Feel free to use the same approach in the "Edit" Event of the Grid.

Kind Regards,
Anton Mironov
Progress Telerik