Remove multiple rows issue on Edge browser, it's just removing one

[Oscar]

Hi,

I have a Telerik MVC Grid with a checkbox on one of the columns in each row, so the user could check the elements that want to be removed from the grid when clicking on a Delete button on grid's toolbar. I followed these examples to implement it in my application:

 

https://dojo.telerik.com/alePicOQ

http://jsbin.com/ijugav/8/edit?html,output

 

It was working fine on IE version 8 (we forced to that version before <meta -equiv="X-UA-Compatible" content=">) but when we tried on Edge we started dealing with an issue, just the first row checked it's being deleted. Even those examples are not working properly on Edge.

 

This is the code I was using to delete all checked rows on IE8 when user clicks on Delete button:

$('#MyDeleteButton').on('click', function () {    //Delete from grid all rows that are checked
            $("#MyGrid").find("input.chkGridRow:checked").each(function () {   //I look for all checkboxes that are checked in my grid
                var row = $(this).closest('tr');
                grid.removeRow(row);                
            });
 });

I have tried so many different ways and nothing seems to be working for me.

 

I appreciate any help from you guys!

 

Thanks in advance!

Oscar

 

[Viktor Tachev]

Hi Oscar,

I have replied to your query in the support ticket you have submitted and we suggest we continue the conversation there. With that said, please avoid submitting duplicate threads this will enable us to keep better track of the support history and provide answers faster.


Regards,
Viktor Tachev
Progress Telerik