Prevent detail button to select row

[Pascal]

I have a grid with row selection and detail for each rows, ex:

var grid = $('#myTable').kendoGrid({

   selectable: "row",

   detailInit: function() { /* load detail items with json ajax request */ },

   change: function() {.... }

}).data('kendoGrid');

When I click on the button that shows the details, the change event is also triggered. Is there a way to prevent that?

[Nikolay Rusev]

Hello Pascal,

The selection of the grid cannot be prevented. You can easily modify the beahvior as shown on the jsFiddle bellow:

http://jsfiddle.net/rusev/HrfsV/

All the best,
Nikolay Rusev
the Telerik team

[Basem]

Since I had a change event in my grid, I needed to handle this more precisely. So I ended up testing if the click actually came from the hierarchy link or was a real row select:

function isHierarchyClick() {

  return $(event.target).parent().hasClass('k-hierarchy-cell');

}

 

function onGridChange(e) {

        if (!isHierarchyClick()) {

            //DO SELECT ACTIONS HERE

        }

}

I am testing if the triggered event came from the hierarchy link, which I am assuming is a direct child of ('.k-hierarchy-cell'). This would be a nice property off the grid called "selectOnDetail: false". I hope this helps.

[jwize]

sure but doesn't work in IE or Firefox