近日有一个项目使用DWR来做，使用定时器来定时刷新数据，生成表格，实际使用时发现，DWRUtil.addRow在生成100*10左右的表格时需要大概2秒左右，并且在生成时页面操作被阻塞，无法进行数据录入等操作，这样的效果客户肯定无法接受，于是苦想其他方法。
在网上查了一下资料，终于找到解决方法，就是使用一个div来充当表格，使用innerHTML属性，把要生成的表格以HTML的形式拼出来，然后赋给div 的innerHTML。如下：
大致js如下
//使用array来收集字符串比使用 str+="html"的方式要快许多
var rtn = new Array();
//生成表头
rtn.push("
");
//输出表格
$("tab").innerHTML=rtn.join("");
这个方式有两个特点，一是避免使用DWRUtil.addRow添加表格来提高速度，二是使用Array来搜集字符串，提高速度，这个方法在其他的情况下也可以使用，凡是使用循环来搜集字符串的，都可以用这个方式来提高速度。
--------------------next---------------------
在网上查了一下资料，终于找到解决方法，就是使用一个div来充当表格，使用innerHTML属性，把要生成的表格以HTML的形式拼出来，然后赋给div 的innerHTML。如下：
大致js如下
//使用array来收集字符串比使用 str+="html"的方式要快许多
var rtn = new Array();
//生成表头
rtn.push("
| 姓名 | 性别 |
| "); rtn.push(data[i].name); rtn.push(" | "); rtn.push(data[i].sex); rtn.push(" |
//输出表格
$("tab").innerHTML=rtn.join("");
这个方式有两个特点，一是避免使用DWRUtil.addRow添加表格来提高速度，二是使用Array来搜集字符串，提高速度，这个方法在其他的情况下也可以使用，凡是使用循环来搜集字符串的，都可以用这个方式来提高速度。
--------------------next---------------------