Virtual Scrolling With kendoGridCellTemplate Checkbox

[Scott Michetti]

Hello,

I am using virtual scrolling with a kendoGridCellTemplate that has a checkbox in it. If I check some of the boxes and scroll, the pageChange event fires and I grab new data. The new checkboxes are showing checked. They should not be checked. How do I make sure the data is correct when virtual scrolling? I was looking here PersistingTheSelection thinking I should be able to do something similar to keep track of my selections but I could not figure it out. Here is a simple example of my cell template.

 

<ng-template kendoGridCellTemplate>
          <input type="checkbox">       
</ng-template>

Thanks,

Scott

[Alexander Popov]

Hello Scott,

Thank you for your patience!

I would recommend binding the checkboxes' checked property to an expression that returns true if the row's ID exists in the selection array. For example: 

            <kendo-grid-column title="Selected" [width]="40">
              <ng-template kendoGridCellTemplate let-dataItem>
                <input type="checkbox" [checked]="mySelection.indexOf(dataItem.ProductID) >= 0">   
              </ng-template>
            </kendo-grid-column>

Please, let me know if have further questions.

Regards,
Alexander Popov
Progress Telerik

[Scott Michetti]

Thank you for the reply.