Multirow select only returning first row of grid

[Andy]

My grid has "selectable: "row multiple"" set, and I want to make copies of all selected rows when a "Copy" custom button is pressed.

Please take a look at my code so far:

$('a.k-grid-copy').click(function (e) {
    e.preventDefault();
    var grid = $("#grid").data("kendoGrid");
    grid.select().each(function () {
        console.log(this);
        var selected = grid.dataItem(this);
        console.log(selected);
        grid.dataSource.add({
            a: selected.a,
            b: selected.b,
            c: selected.c
        });

    });
});

When I console.log(this) in the body of the .each() function, the rows are logged correctly. However, grid.dataItem(this) will return the first selected row in the first loop iteration, then for all subsequent iterations, it will return the first row of the grid (whether or not it is selected). Why is this happening? As I stated above, this for each iteration is CORRECT, but when you set var selected to grid.dataItem(this), selected becomes the first selected row on the first iteration in .each(), then it becomes the first row in the grid on all subsequent iterations.

Here is a Dojo that recreates the problem: http://dojo.telerik.com/ApAJU

The issue only appears when selecting multiple rows. Try selecting any number of rows > 1, press the Copy button, and see the console. The <tr> elements are correct, but the JS objects are not. This does not happen when you do not add the rows after (a.k.a if you ONLY log and do not create copies, there is no problem). Thus, there is something wrong with adding the copies.

Thanks

Andy

[Andy]

I ended up finding a workaround where I store all the copied rows in an array during the .each(), and then re-loop through that array and add each row to the dataSource. 

However, if you could still provide an explanation as to why this behaviour occurred, that would be great.

[Dimiter Madjarov]

Hello Andy,

The reason for this behavior is the invocation of grid.dataSource.add() in the loop. Modifying the dataSource will redraw the Grid table according to the new dataItems, so the selection is not existing after the first iteration.

Regards,
Dimiter Madjarov
Telerik

 

 

[Chinmay]

Thanks a lot, this post helps me to select multiple rows on custom command button click.

[Anton Mironov]

Hi Chinmay,

I am glad that the provided approach is the chosen one as per the requirements of your application.

If further assistance is needed, do not hesitate to contact the team.

 

Kind Regards,
Anton Mironov
Progress Telerik