Kendo UI tabstrip - 切换时显示选项卡的延迟

Question

我正在使用带有 3 个选项卡和 Kendo Grids 的 Kendo UI 选项卡，所有 3 个选项卡都没有分页。我的标签 3（比如标签 3）有一个剑道网格，它有超过 10000 条记录，加载数据需要一段时间，这没关系，但问题是，如果我在回到 tab3 时在 tab2 和 tab3 之间切换，因为它必须加载 10000 行屏幕冻结并在几秒钟内加载 tab3，然后才显示 tab3。但是，当我在 tab3 中向下滚动网格然后切换选项卡时，一切正常。我的问题是为什么在切换选项卡时显示 tab3 需要时间，因为 tab3 中的网格已经在第一次加载，而且我认为切换选项卡时不会发生数据绑定，那么为什么要花时间来显示tab3 时不要触摸 tab3 中网格的滚动条，否则一切正常。任何帮助将不胜感激。

Answer 1

由于您没有提供任何代码，因此很难准确找出您的问题所在。不过，一个潜在的解决方法是将虚拟分页添加到第三个网格。只需添加属性

.Scrollable(scrollable => scrollable.Virtual(true)

到你的网格和

.PageSize(500)

到您的数据源。您可以将页面大小替换为一次要加载的任意数量的记录。它应该会显着提高更改选项卡的性能，并且与传统分页不同，它不会使网格的导航变慢，因为它会在您向下滚动时自动加载更多数据。

注意：我写的代码是针对 asp.net MVC Razor 语法的。由于您没有指定您使用的 Kendo 版本，HERE 是 Telerik 网站上演示项目的链接，您可以在其中选择您使用的任何版本以查看如何实现它。