Easyui Datagrid 刷新后显示高度不正常的问题

最新推荐文章于 2022-08-12 13:51:17 发布

weixin_33973609

最新推荐文章于 2022-08-12 13:51:17 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nekoyzx/p/10495999.html

本文介绍在jQuery EasyUI 1.4.4版本中，Datagrid在非激活标签页刷新后显示高度异常的问题及解决方案。当Datagrid位于display:none元素内时，其高度可能被错误地设置为0，导致数据区域无法正常显示。文章提供了一段代码，通过重新设置Datagrid的高度来解决这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Easyui Datagrid 刷新后显示高度不正常的问题

版本：jQuery EasyUI 1.4.4

问题现象：当Datagrid 不是在当前激活(当前打开)的标签页时刷新数据或加载后显示的高度不正常，标题栏分页栏缩在一起，导致数据区域不能显示出来

问题原因：当Datagrid存在于display:none 的元素内时进行构建或刷新数据后会出现导致结构内 datagrid-view 的 Height 赋值失败为0的情况

解决方法：当点击标签切换显示时让Datagrid重设高度即，可代码如下，可按实际情况调整执行时机

$("#grid").datagrid('getPanel')
	.panel('options')
	.onResize(window.innerWidth, window.innerHeight);

转载于:https://www.cnblogs.com/nekoyzx/p/10495999.html