Shared DataSource Grid-Chart

[Ioan]

Hi!
On my mobile app, I'm using pairs of Charts and Grids with Shared DataSource. In one case I have a lot of records, and I wish to make the Grid pageable. I did that, i also set pageSize for DataSource, but the problem is the Chart is now pageable too. (There's no server paging, all the data is retrieved at once). On the Chart I want to see all the records represented and not by page. 


this.ds = new kendo.data.DataSource({
           transport: {
                read: {
                    url: this.url,
                    dataType: "json"
                }
            },
            pageSize: 10
        });

        this.ds.read();

        $("#chartDmaAMinNghtFlw").kendoChart({
            autoBind: false,
            dataSource: this.ds,
            series: [
                {
                    name: "AAA",
                    type: "line",
                    field: "AAA",
                }
            ],
            categoryAxis: {
                field: "BBB"
            }
        });

        $("#gridDmaAMinNghtFlw").kendoGrid({
            autoBind: false,
            dataSource: this.ds,
            scrollable: false,
            sortable: false,
            filterable: false,
            pageable: {
                pageSize: 10,
                pageSizes: [10,20,30,40,50,365]
            },
            columns: [
                { field: "AAA", title: "AAA"},
                { field: "BBB", title: "BBB"}
            ]
        });

[Alexander Popov]

Hello Ioan,

In that case you might try using a Grid with virtual scrolling instead of paging.

Regards,
Alexander Popov
Telerik

 

 

[Ioan]

I used two DataSources, and the data I set it manually from a getJSON request. 
I'll try the virtualpaging too, but it will probably not work very well because the view is also vertical scrollable. And if the grid is also vertical scrollable it might get hard to go through the page.