在IE中使用ExtJS InsertHtml将多个附加到表中时出现问题

Question

似乎当你尝试使用ExtJs（Sencha）InsertHtml函数将多个附加到IE中的表中时，它只会创建第一个。

示例：

<script>
 Ext.get('bob').insertHtml('afterEnd','<tr><td>blih</td></tr><tr><td>bluh</td></tr>');
</script>

<table>
 <tr id='bob'>
  <td>blah</td>
 </tr>
</table>

你将只有：

<table>
 <tr id='bob'>
  <td>blah</td>
  <td>blih</td>
 </tr>
</table>

有谁知道为什么会这样？它只发生在IE ...

Answer 1

问题可能是你在DOM中渲染之前引用了'bob'。尝试将代码移到HTML下面或将其包装在Ext.onReady块中：

<script>
    Ext.onReady(function(){
        Ext.get('bob').insertHtml('afterEnd','<tr><td>blih</td></tr><tr><td>bluh</td></tr>');
    });
</script>