Local data virtualization not working after datasource changed

[Wenhao]

Hello,

I am using Kendo UI Grid to display a long list of data (10000+). As one of your demos shows, I used virtualization of local data in the grid. But after i changed my datasource later, the grid would not load the rest data automatically while scrolling down. I have tried both ObservableArray and a new DataSource object, but neither works. Please help!!! 

          var newData = createRandomData(10);
            for (var i = 0; i < 10; i++) {
                source.pop();
                source.unshift(newData[i]);
            }
            var newSource = new kendo.data.DataSource({
                data: source,
                pageSize: 10
            });
            var grid = $("#grid").getKendoGrid();
            grid.dataSource = newSource;
            newSource.read();
            grid.refresh();