定时使用DWRUtil.addRow生成表格

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

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

大致js如下

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

var rtn = new Array();

//生成表头

rtn.push("")

//循环生成表格主体

for(var i=0;i
rtn.push("")

}

//表格结束

rtn.push("

姓名	性别
"); rtn.push(data[i].name); rtn.push("	"); rtn.push(data[i].sex); rtn.push("

");

//输出表格

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



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