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



*/  

}

再次加载数据时页面渲染速度明显提升

你可能感兴趣的:(第三方工具使用)