command.Edit() in UI MVC Grid

[Andrey]

Hello,

I have to remove the "command.Edit()" from a Grid in GridEditMode.InLine. So one only button "Delete" is displayed. Grid works fine but in the Edit mode (after clicking on "Add New Record" button) the "Update" and "Cancel" buttons will not be displayed so I cannot save a new record. What is possible solution?

Thanks.

[Preslav]

Hi Andrey,

A possible solution might be handling the edit event of the Grid. In the event handler, based on a condition(if the model is new), manually append the "Update" and "Cancel" buttons, and hide the "Delete" button.

• https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/edit
• https://docs.telerik.com/kendo-ui/api/javascript/data/model/methods/isnew
• https://api.jquery.com/find/
• https://api.jquery.com/append/
• https://api.jquery.com/hide/

For example:

//...
.Events(e=>e.Edit("onEdit"))
//...

<script type="text/javascript">
    function onEdit(e) {
        if (e.model.isNew()) {
            var cell = e.container.find(".k-command-cell");

            cell.append('<a role="button" class="k-button k-button-icontext k-primary k-grid-update" href="#"><span class="k-icon k-i-check"></span>Update</a>');
            cell.append('<a role="button" class="k-button k-button-icontext k-grid-cancel" href="#"><span class="k-icon k-i-cancel"></span>Cancel</a>');
            cell.find(".k-grid-delete").hide();
        }
    };
</script>

I hope this helps.


Regards,
Preslav
Progress Telerik

[Andrey]

Perfect! Thanks Preslav!