easyui datagrid 載入大量資料時,頁面渲染速度慢問題

NO IMAGE

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); 
*/  
}

再次載入資料時頁面渲染速度明顯提升