Kendo UI for jQuery数据管理使用教程：隐藏的容器-控件新闻-慧都网

Kendo UI for jQuery数据管理使用教程：隐藏的容器

翻译|使用教程|编辑：龚雪|2020-09-10 10:32:14.540|阅读 115 次

概述：Kendo UI for jQuery是创建现代Web应用程序的最完整UI库，本文将为大家介绍如何隐藏容器。

如果在隐藏的容器内初始化Grid，则Grid可能无法正确调整其布局。

例如，当您应用滚动、虚拟滚动或锁定的列并在隐藏容器中初始化Grid时，将无法正确调整其垂直布局，因为JavaScript尺寸计算不适用于display：none样式的元素。

如果出现以下任何情况，则可以确定网格是在隐藏状态下初始化的：

若要处理与隐藏容器内的网格初始化有关的操作，请选择以下任意一种方法：

1. 延迟Grid的初始化或更改各种Kendo UI窗口小部件的初始化顺序，以便在其元素可见后初始化Grid。

2. 小部件可见后，执行Grid的resize方法。

3. 替代其配置中的网格设置整体高度，而仅可滚动数据区域定义高度。在这种情况下，不进行高度计算。仅当不使用冻结列和虚拟滚动时，此方法才适用。

#GridID .k-grid-content
{
height: 270px;
}

4. 获取数据源，替代resize()方法。如果启用了虚拟滚动并且Kendo UI版本低于2014.3.1119，则此方法适用。

$("#GridID").data("kendoGrid").dataSource.fetch();

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都网