easyui datagrid 加載大量數據時,頁面渲染速度慢問題

easyui datagrid 加載大量數據時,頁面渲染速度慢問題

原因是因爲easyui.js中的下列代碼問題

for (var i = 0; i < trs2.length; i++) {  

var tr1 = $(trs1[i]);  

var tr2 = $(trs2[i]);  

tr1.css("height", "");  

tr2.css("height", "");  

var _43f = Math.max(tr1.height(), tr2.height());  

tr1.css("height", _43f);  

tr2.css("height", _43f);  

} 

上面是對比表格中兩行的高度，然後把高的賦值給各行。

屏蔽此項操作會大大提升頁面渲染速度

for (var i = 0; i < trs2.length; i++) {  



/* 

var tr1 = $(trs1[i]); 

var tr2 = $(trs2[i]); 

tr1.css("height", ""); 

tr2.css("height", ""); 

var _43f = Math.max(tr1.height(), tr2.height()); 

tr1.css("height", _43f); 

tr2.css("height", _43f); 



*/  

}

再次加載數據時頁面渲染速度明顯提升