定時使用DWRUtil.addRow生成表格

近日有一個項目使用DWR來做使用定時器來定時刷新數據生成表格實際使用時發現DWRUtiladdRow在生成*左右的表格時需要大概秒左右並且在生成時頁面操作被阻塞無法進行數據錄入等操作這樣的效果客戶肯定無法接受於是苦想其他方法

在網上查了一下資料終於找到解決方法就是使用一個div來充當表格使用innerHTML屬性把要生成的表格以HTML的形式拼出來然後賦給div 的innerHTML如下

<div id=tab></div>

大致js如下

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

var rtn = new Array();

//生成表頭

rtnpush(<table><tr><td>姓名</td><td>性別</td></tr>)

//循環生成表格主體

for(var i=;i<datalength;i++){

rtnpush(<tr><td>);

rtnpush(data[i]name);

rtnpush(</td><td>);

rtnpush(data[i]sex);

rtnpush(</td></tr>)

}

//表格結束

rtnpush(</table>);

//輸出表格

$(tab)innerHTML=rtnjoin();



這個方式有兩個特點一是避免使用DWRUtiladdRow添加表格來提高速度二是使用Array來搜集字符串提高速度這個方法在其他的情況下也可以使用凡是使用循環來搜集字符串的都可以用這個方式來提高速度
From:http://tw.wingwit.com/Article/program/net/201311/12421.html