remove and edit MVC(Razor Engine )

[Vitali]

Hello, I trying to implement a delete and edit links in a custom column in Kendo grid (razor engine ), 
I have images for the buttons and I want to use them so that I can trigger the appropriate actions in my controller.
The two buttons (as I implemented them in regular HTML) are as follows 

<td class="edit_td">

                        <a href="@Url.Action("DataSourceEdit", "Configuration", new { dataSourceID = item.DataSourceID })" title="edit" class="button_edit_icon">

                        </a>

                        @Ajax.ActionLink(" ", "DataSourceDelete", "Configuration", new { dataSourceId = item.DataSourceID, version = item.VersionOfTypeString },

                        new AjaxOptions

                        {

                            HttpMethod = "POST",

                            Confirm = "Are you sure you want to delete " + item.Name.ToString() +" Data Source?",

                            OnSuccess = "deleteConfirmation"

                        }

                            , new { @class = "button_delete_icon" }

                            )

                    </td>

As you can see the Edit is simple URL (with class it will attach correct image) 

but the delete is an Ajax call to the action with parameters, on success it will cal JS function and remove a marked  row from my HTML table. Here is my question how can I implement this in Kendo UI Grid for mvc (Razor Engine )

Thank you in advance