Custom Command in Grid with Ajax Binding in Command Column - How to Do?

[Malcolm]

Dear KendoUI Team!
Is it possible to realize s.th. like this with KendoUI when using AJAX Binding?

            columns.Command(commands =>
            {
                commands.Edit().ButtonType(GridButtonType.Image);
                commands.Delete().ButtonType(GridButtonType.Image);
                commands.Custom("CopyItem")
                    .Action("CopyItem", "Le")
                    .Ajax(true)
                    .HtmlAttributes(new { id = "CopyItemDetails" })
                    .DataRouteValues(route => route.Add(i => i.Rid).RouteKey("ItemID"))
                    .ButtonType(GridButtonType.Image)
                    ;

            }).Title(Strings.Commands).Visible((bool)ViewData["Writable"]);

What I found is that the custom command should be replaced by a column template. But I want the copy command in the command column, not in a separate column. And I need the ItemID of the row, of course.
How can I realize this with KendoUI?

brgds
Malcolm Howlett

[Daniel]

Hello Malcolm Howlett,

You could make the Ajax request in the click handler. The data for the row can be found as demonstrated in the custom commands demo e.g.

columns.Command(command => command.Custom("CopyItem").Click("copyItem").HtmlAttributes(new { id = "CopyItemDetails" }));

function copyItem(e) {
    e.preventDefault();

    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    $.ajax({
        url: "myUrl",
        type: "POST",
        data: {
            ItemID: dataItem.Rid
        },
        success: function (response) {

        }
    });
}

Regards,
Daniel
the Telerik team

[wortho]

Hi Daniel,
I am migrating from Telerik Grid to Kendo Grid and I have a custom command like so;

c2.Command(cmd => cmd.Custom("cmdCopy")
    .Text("Copy")
    .Ajax(true)
.DataRouteValues(r =>r.Add(w => w.ServiceOccurrenceId).RouteKey("id")).Action("ServiceOccurrenceCopy", "ServiceAdmin")).Width(120);

Am I to understand that in Kendo Grid there is no longer this feature (.Ajax()) and I should code my own JS to call and replace or am I missing something simple?
I have had a search around and all the examples seem to point to simply calling a javascript method from the custom command. Which I can no issue, and I kind of like having more control over the ajax but when I have many of these grids to migrate I need to consider ROI time.
Thanks in advance,
Steve

[wortho]

Sorry cancel that - I have answered my own question in the FAQ and see that it is achievable by a custom template column if I want server side binding or else write my own wee js if I want the ajax.

http://www.telerik.com/forums/custom-command-and-ajax-binding#GXb5x9XYRkyKdPKDcUDCHw

Thanks,
Steve