easyui datagrid height width =0的问题

本文探讨了在页面加载时隐藏使用datagrid的table控件,动态显示时出现数据不可见的问题。通过设置div为easyui-panel并使用面板的open、close属性,成功解决了table数据的显示问题。

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

对于一个页面中应用了datagrid的table控件来说,如在页面打开时为隐藏,在页面的应用中再动态显示,这样,显示出来的table数据则会隐藏不可见,table的标题,工具栏,分页栏则会压缩在一起,而需要显示的数据却未能正常显示出来.

也就是宽度或高度为0;

解决办法是:

1、div加 easyui-panel,必须是隐藏的外层div也就是说div只能有一个class属性,如果不行自己在外面多加几个div,达到效果;

示例:

  <div id="con_zzjs_1" class="easyui-panel">

<table  id="table1">

</div>

这里table是一个datagrid;

动态隐藏或显示

if (i == cursel) {
addItemsByOnclickDrpOwner();
$("#ccon_zzjs_1“).panel('open');
} else {
$("#ccon_zzjs_1").panel('close');
}

 

这里用到了panel的open、close属性。

转载于:https://www.cnblogs.com/maoli/p/4224243.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值