定时使用DWRUtil.addRow生成表格时的效率问题~~~

    近日有一个项目使用DWR来做，使用定时器来定时刷新数据，生成表格，实际使用时发现，DWRUtil.addRow在生成100*10左右的表格时需要大概2秒左右，并且在生成时页面操作被阻塞，无法进行数据录入等操作，这样的效果客户肯定无法接受，于是苦想其他方法。

   在网上查了一下资料，终于找到解决方法，就是使用一个div来充当表格，使用innerHTML属性，把要生成的表格以HTML的形式拼出来，然后赋给div 的innerHTML。如下：

<div id="tab"></div>

大致js如下

//使用array来收集字符串比使用 str+="html"的方式要快许多

var rtn = new Array();

//生成表头

rtn.push("<table><tr><td>姓名</td><td>性别</td></tr>")

//循环生成表格主体

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

 rtn.push("<tr><td>");

 rtn.push(data[i].name);

 rtn.push("</td><td>");

 rtn.push(data[i].sex);

 rtn.push("</td></tr>")

}

//表格结束

rtn.push("</table>"); 

//输出表格

$("tab").innerHTML=rtn.join("");

 

这个方式有两个特点，一是避免使用DWRUtil.addRow添加表格来提高速度，二是使用Array来搜集字符串，提高速度，这个方法在其他的情况下也可以使用，凡是使用循环来搜集字符串的，都可以用这个方式来提高速度。

 

以上是个人在实际中的一点体会，欢迎大家一起讨论~~~