Row select + command buttons

[Marek]

I use row select:
http://demos.kendoui.com/web/grid/selection.html to display Window with row details

together with:
http://demos.kendoui.com/web/grid/custom-command.html to add some actions.

And when you click the command buttons, the row select action is called at first place. How do I disable row action on command column?

Thank you for reply.

[Daniel]

Hello Marek,

This is not supported. The selection is triggered when clicking anywhere in the row. In order to prevent the selection I can suggest to bind a custom mousedown handler instead of the built-in click handler and stop the event e.g.

columns.Command(command => command.Custom("ViewDetails"));

$(function () {
        var grid = $("#grid").data("kendoGrid");

        grid.table.on("mousedown", ".k-grid-custom", $.proxy(showDetails, grid));
    });

function showDetails(e) {
    e.stopPropagation();
    e.preventDefault();
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    ....
}

Regards,
Daniel
the Telerik team

[Daniel]

Hello,

Sorry, there is a mistake in the selector. The class is generated in the format "k-grid-" plus command name so the selector in this case should be ".k-grid-ViewDetails".

Regards,
Daniel
the Telerik team

[David]

quick cheat for anyone that needs to do this..

create a bool placeholder outside of functions and set this to true at the end of Command Button event function. then in the RowSelected (or Change event), check this boolean for true and exit.  don't forget to set back to false.

if (myCommandButtonPressed) {
            myCommandButtonPressed = false;
            return;
        }