首页 > 代码库 > easyui datagrid height width =0的问题

easyui datagrid height width =0的问题

对于一个页面中应用了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属性。

easyui datagrid height width =0的问题