请单击“了解更多信息”下载Kendo UI for jQuery R1 2020 SP2试用版
Kendo UI目前提供四个控件： Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React、Kendo UI Support for Vue四个控件。 Kendo UI for jQuery是用于创建现代网络APP的最完整的UI库。
虚拟滚动是分页的替代方法。
启用
入门指南
虚拟滚动后，用户纵向滚动时，网格将从远程数据源加载数据。$ (' #网格' ).kendo网格({ (
可滚动： {
虚拟：真
(、
//其他配置。
)； 在虚拟滚动中，HTML输出与标准滚动功能不同的——网格的数据表不位于可滚动容器中。 滚动条是单独的div.k滚动条，在需要手动将数据行滚动到特定位置时会影响场景。
div类=' k构件网格'
div类=' k -网格标头'
div类=' k -网格标头-扭曲'
表. /表
/div
/div
div类=' k -网格-内容'
divclass=' k -虚拟-可滚动-扭曲'
表. /表
/div
divclass=' k-scroll bark-scroll bar-vertical '
. --divelementswhichgenerateascrollbar-- - .
/div
/div
/div用户在虚拟滚动模式下滚动Grid时，Grid会动态显示到达的滚动位置的表行。 如果Gris使用本地数据，或者加载并缓存远程数据，则小部件的渲染速度和性能取决于以下内容
页面大小网格高度如果滚动速度数据项总数较多且滚动速度较快，则可以频繁重新渲染网格表。 此外，页面大小越大，可能会出现滚动变得越平滑的问题。 在这种情况下，请减小页面大小，提高网格高度，以提高滚动性能。
设置滚动条
虚拟滚动依赖于伪造的滚动条，并不是由浏览器决定大小，而是根据加载数据的平均行高来计算。 这样更改行高可能会导致意想不到的操作，例如无法滚动到最后一页的最后一行。 要验证所有表行的高度是否相同，请使用以下选项之一：如果禁用自动换行，则会设置清晰、足够大的行高，如以下示例所示。 k -虚拟-可滚动-扭曲tr
{
height: 3em；
}
//或
. k -虚拟-可滚动-扭曲TD
{
空白： nowrap；
}
在无法抓住或拖动
在手机上使用
滚动条的移动设备上，大量数据项(如数千个)的虚拟滚动会阻碍对所有表行的简单访问，因为大量数据项需要大量数据另一方面，对数量少(例如小于200 )的项目使用虚拟滚动没有什么意义。 触摸设备上的虚拟滚动是拖动&； 依赖于放置事件，比本地滚动慢。 这可能会导致性能问题。
已知局限性
注意：如果不支持或不建议使用虚拟滚动，请根据数据项的数量将其还原为标准分页或不分页的非虚拟滚动。启用虚拟滚动或分页，不要同时应用两种功能。 虚拟滚动与分组和分层结构不兼容，并且从R3 2017开始支持编辑。 虚拟滚动依赖于根据加载的数据计算平均行高，如果行高发生较大变化或未绑定到数据的行数未知，则可能会发生意外的操作。 充分增大网格的页面大小，以使表行适合可滚动的数据区域。 否则，不会创建垂直滚动条，并且网格的页面大小必须是数据区域中显示的表行数的三倍以上。 初始化时，必须显示设定高度的可滚动网格。 这样，网格可以根据小部件的总高度调整可滚动数据区域的高度。 在某些情况下，初始化时网格可能是不可见的——。 例如，如果位于最初不活动的TabStrip标记或另一个小部件中，请使用以下选项之一： 在元素仍可见的情况下初始化网格。 在父小部件的适当事件中初始化网格——。 例如，TabStrip的活动事件。 由于高度相关的浏览器限制，虚拟滚动最多可以处理100万条记录。 确切的记录数取决于浏览器和行高。 如果使用的行数多于浏览器无法处理的行数，则可能会发生意外的小部件操作和JavaScript错误。 在这种情况下，请恢复为标准分页。 在虚拟模式下更新或替换网格数据时，必须将虚拟滚动条的位置重置为零。 例如，$ (#网格标识. k滚动栏) .滚动顶(0)； 在某些情况下，还需要调用refresh ()方法。 启用虚拟滚动时，不支持以编程方式滚动到特定的网格行。 这是因为无法可靠地预测该行的准确滚动偏移。 如果网格可以导航，则键盘导航仅支持向上箭头键和向下箭头键，不支持向上箭头键和向下箭头键滚动。 通过以下示例，可以将新的永久选择与单选功能结合使用。 不建议使用多选功能，因为滚动会从DOM中删除旧页面。 这可能会破坏选择，因为在滚动到新页面后不存在DOM元素。