kendo Grid控件不分页查询大量数据卡死（虚拟分页解决）

最新推荐文章于 2023-08-09 17:35:29 发布

lwllai

最新推荐文章于 2023-08-09 17:35:29 发布

阅读量4.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/lwllai/article/details/45892115

版权

本文介绍了在kendo Grid中遇到不分页加载大量数据导致性能下降和浏览器卡死的问题，提出通过启用虚拟分页功能来解决。虚拟分页允许每次只查询并显示一部分数据，如100条，随着用户滚动，动态加载后续数据，显著提升了显示速度和性能。关键设置在于`scrollable: { virtual: true }`。

摘要由CSDN通过智能技术生成

对于在页面上加载大量数据，并且不进行分页的时候，一次性查询出来性能会很差，而且浏览器还可能出现卡死的现象。

对于kendo grid中提供了一个虚拟分页的功能，类似于真分页，每次依然查询出指定的条数，

例如：每次查询100条数据，则grid初始化查询时候，将在界面查询出100条，当你一直下拉滚动条当到达101时候，其实这个时候，

就会在去向后台进行查询100-200的数据抛向前台显示。这样就加快了显示速度，也有优化了性能。

其中虚拟分页的关键字：

                scrollable: {
                    virtual: true
                }

$("#grid").kendoGrid({
                dataSource: {
                    type: 'json',
                    schema: {
                        data: 'data',
                        total: 'total',
                        model: {