分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js 控制 easyui datagrid 隐藏之后显示不来的问题

发布时间:2023-09-06 02:29责任编辑:赖小花关键词:jseasyui

最近有的用到easyui的datagrid,有一个这样的需求,就是当触发一个事件之后控制datagrid的显示与隐藏,初始状态是将其datagrid隐藏起来。

说起隐藏datagrid的时候,也遇到了一些问题,关于easyui的datagrid是不可以直接用display这个属性的,那若是想要隐藏这个table,那么就要在它的外面写一个父级div,然后通过控制这个div的隐藏与显示去满足这个需求。

<div class="divEditTabKc" style="display: none"> ?????<table id="editTabKc" class="easyui-datagrid" border="1" style="height: 180px;width:100%"></table></div>

这个隐藏是满足了,但是当直接用js控制外面divEditTabKc的show和hide时,就出现了当想要其显示时,table却没有显示,我查看了一下代码,这个时候table的宽只有3像素,那么自然解决的方法就有了,注意在显示时调用再调用一次resize就可以显示出来,如下:

 $("#editTabKc").datagrid("resize");

这样便实现了table的显示与隐藏。如果小伙伴也遇到了同样的情况可以试试这个方法!

js 控制 easyui datagrid 隐藏之后显示不来的问题

原文地址:https://www.cnblogs.com/web001/p/10243894.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved