DIV display 設置爲none的通病 （EXT、DHTML）

 

EXT中的GRID在隱藏的DIV中加載出現的奇怪問題.

 

奇怪，不知道爲什麼當我把一個grid放在ｄｉｖ裏面，並且div.style.display="none"的時候，表頭的寬度無論怎麼調都會超出．解決的辦法就是不要初始時不要設置display="none"的屬性，而是在grid加載好了之後調用document.getElementById("你的ｄｉｖ的ｉｄ").style.display="none";

如：

Ext.onReady(function(){

....

grid.render('zdfq-grid');


grid.on('rowdblclick', rowClick);

document.getElementById("zdfq-grid").style.display="none";　

.....

)}

DHTMLX  GRID  兩個grid ，jsp中預設一個div的style   display:none

用單選按鈕控制顯示第二個時，表頭等寬，加載時不是等寬

 

解決方法，在jsp中不要設置div的display 爲none

而是在grid init時   設置爲none     

mygrid3.enableMultiselect(false);
mygrid3.setOnRowSelectHandler(onGridRowClick3);
 mygrid3.init();
 document.getElementById('reclaim').style.display="none";