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";