Question

I have a Kendo grid that has links, which I also set to selectable, snippet here:

columns: [{
    field: 'link', title: 'Link',
    template: '<a href="${link}">Click Here</a>'
}],
...
selectable: 'row',
change: function(e) {
    var rowUid = this.select().data('uid');
    rowDs = this.dataSource.getByUid(rowUid);
    console.log('Went (1): ' + rowDs);
    return false;
}

When I click on the external link <a>, I also select the row. Is there any way to suppress the selectable event?

Answer 1

I just stumbled across a forum post by a Kendo UI dev stating that “the selection of the grid cannot be prevented” (link). I guess that means I will have to work around this.

Edit: I actually just want to get the row’s uid attribute so I can select the selected dataItem from the dataSource. I’ve discovered that you can get it while you’re defining your columns template,

columns: [{
    field: 'link', title: 'Link',
    template: '<a href="#" data-rowSpecificUid="${uid}">Manual Edit Link</a>'
}],

And use it to retrieve the selected row’s dataItem.

var selectedRow = $('#gridId').data('kendoGrid').dataSource.getByUid(rowUid);

Will close this question in a while, in case anyone else can help.