Проблема с использованием ExtJS InsertHtml в IE для добавления нескольких <tr>в таблицу

Question

Кажется, что когда вы пытаетесь добавить несколько в таблицу в IE, используя ExtJs (Sencha) функцию InsertHtml, она создаст только первое.

Пример:

<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

Проблема может заключаться в том, что вы ссылаетесь на 'bob', прежде чем он будет отображен в DOM.Попробуйте переместить ваш код ниже HTML или обернуть его в блок Ext.onReady:

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