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的問題