Hi Hristo,

Thanks for the reply.

Is there a way I can use a css or any code snippet to check the checkbox when it come to visible area atleast? (guess we can use the rowsrendered event to do this)

Actually in row changing event we are just selecting the rows based on Ids.

     preSelectGridRows =function ($grid, idsToBeSelected) {var dataView = $grid.data('igGrid').dataSource.dataView();

           var matchedRowIndexes = [];

           var key = $grid.igGrid("option", "primaryKey");

           if (idsToBeSelected.length > 0) {

                $.each(dataView,function (rowIndex, dataRow) {

                    $.each(idsToBeSelected,function (index, id) {

                       if (dataRow[key] === id) {

                            $grid.igGridSelection("selectRow", rowIndex);

                        }

                    });

                });

            }

        },

Now the only issue with the sample is we are unable to check the checkboxes even if the row is selected.

Thanks,

Veena

Hello Veena,

Actually virtualization here should not be an issue since the selection is not applied to the DOM elements of the grid, but rather to the widget's collection of rows. If you want to see the selected rows when you open the grid, I suggest to do this in the Rendered event. The code will look like this ( I just slightly modified your function, and have predefined id's stored in the idsToBeSelected array):

I used RowSelectors to have checkboxes rendered on the grid and selecting a row also checks the RowSelector checkbox. Please refer to my sample for a demonstration how this is achieved.

I hope it works for your scenario. If I misunderstood you or if you have any further questions regarding this issue, please let me know, I will be glad to help.

Hello Kiran,

I would like to ask you to open a new thread regarding this issue. Our company's policy is to keep the requests separate from each other, which leads to better tracking of issues and fast responses. It will also make search easier and it is our community members who would be able to benefit from this.

After you are done posting a new thread in the community please be that kind to inform me here.

Thank you.

Hi Hristo,

This workaround will not help us as we have some 900+ rows and the layout is fixed so that it should fit in one page. Similar issue we are also encountering while doing text search on department name field. As the text to be searched is not coming in visible area.

Please suggest if we can try any other alternative with Virtualization, preselecting the rows and checkboxes, search for the department name on IE10 browser.

Thanks,

Kiran

Hello Irshad,

I was using Chrome and it is okay, but I did see under IE it is not the same behavior.

The reason is that when using virtualization the DOM renders only the visible rows and some browsers have issues with this. Because the visible rows number is defined by the height of the grid, you can change the height of the grid. In my sample it is 380px, but give it try for example with 480px and it will work as expected.

I hope this helps.

Hi Hristo,

Thanks for your quick response.

I tried with your latest sample and the problem still persists. After row number 88 the pre-selected row doesn't have the checkbox checked.

I am using Internet Explorer 10. Are you using the same? Just a thought if it has anything to do with the browser version.

Thanks,

Irshad