Grid change event is fired during custom command click

[Praneeth]

Hi,

I am currently trying out some activities using the Kendo Grid and have an issue where the grids change event is being fired every time the a custom command is clicked. This happens in IE 10 and i would greatly appreciate if Kendo UI experts can help me figure out a possible solution. I've gone through quite a number of threads but found no avail.

A sample can be found at this location at http://jsfiddle.net/praneethw/eudVd/4/

The steps are as follows,
Click on the 'Remove' command.
Notice the browser console where the Grid Changed and Removed Item is being printed. This means that the gridChange() function and removeItem() function are both being invoked.

I used the following code block, to prevent the event from bubbling. However in IE 10 this does not seem to work properly. Could anyone help me out on this please.

// Prevent the grid command 'click' event from triggerring the grids 'change' event.
grid.tbody.on('mousedown', 'a', function (evnt) {
    evnt.stopImmediatePropagation();
});

Thanks and Regards,
Praneeth

[Petur Subev]

Hello Praneeth,

For InternetExplorer there is different event that is used and it is called MSPointerDown

http://jsfiddle.net/eudVd/5/

I hope this helps.

Kind Regards,
Petur Subev
Telerik

[Praneeth]

Hi Petur,

Thank you for the answer!! I was unaware of this and you response helped resolve the issue!!

Many Thanks,
Praneeth