关于domhelper.append的性能问题

Question

不知道大家有没有用domhelper.append插入大量数据的情况，在firefox下速度还是可以接受的，但是到了IE下就变得非常慢了，帮忙分析下，有没有解决办法。
插入的数据大概有1，2百条，后台取数据用了17，8秒的样子，但是前台ext渲染却花了大概2分多钟。
主要代码如下：
domHelper.append(metricTable,{
tag:'tr',height:'50',children:[
{tag:'td',align:'center',valign:'middle',width:'10%',children:[
{tag:'div',idroupId+"__"+metricObj.metricId,cls:checkClass,statu:statu,parentIdroupId+'_check',nameroupId+'_chl',onclick:checkFn}
]},
{tag:'td',align:'left',valign:'middle',width:'30%',children:[
{html:''+metricName+''}
]},
{tag:'td',align:'left',valign:'middle',width:'60%',children:[
{tag:'div',idroupId+"__"+metricObj.metricId+'_BaseThrehold',cls:'flsBg',onclick:'show(this,\''+metricObj.metricUnit+'\',event)',children:[
//{tag:'div',cls:'div_name',id:metricObj.metricId+'threhold_greenStart',html:metricObj.greenStart},
//{tag:'div',cls:'div_name',id:metricObj.metricId+'threhold_yellowStart',html:metricObj.yellowStart},
//{tag:'div',cls:'div_name',id:metricObj.metricId+'threhold_redStart',html:metricObj.redStart},
]},
{tag:'div',style:'float=left;display:none;',children:[
{tag:'input',type:'hidden',clsroupId+'_parentmonitor',name:'parentmetricStatu',value:parentStatu},
{tag:'input',type:'hidden',id:groupId+"__"+metricObj.metricId+'_monitor',name:'metricStatu',value:statu},
{tag:'input',type:'hidden',name:'bsmProfileId',value:metricObj.bsmProfileId},
{tag:'input',type:'hidden',name:'metricGroupId',value:metricObj.metricGroupId},
{tag:'input',type:'hidden',name:'metricId',value:metricObj.metricId},
{tag:'input',type:'hidden',id:groupId+"__"+metricObj.metricId+'_greenStart',name:'greenStart',value:metricObj.greenStart},
{tag:'input',type:'hidden',id:groupId+"__"+metricObj.metricId+'_yellowStart',name:'yellowStart',value:metricObj.yellowStart},
{tag:'input',type:'hidden',id:groupId+"__"+metricObj.metricId+'_redStart',name:'redStart',value:metricObj.redStart},
{tag:'input',type:'hidden',name:'profileId',value:metricObj.profileId},
{tag:'input',type:'hidden',name:'metricFq',metricGpId:groupId,value:metricObj.frequenceId},
{tag:'input',type:'hidden',name:'instanceId',value:groupId},
{tag:'input',type:'hidden',name:'monitoredFlag',value:monitoredFlag}
]}
]}
]
});

Answer 1

不推荐在客户端动态创建大量的dom元素
你可以考虑使用Ext.XTemplate模板的方式