Problème lors de l'utilisation de ExtJS InsertHtml dans IE pour ajouter plusieurs <tr> à une table

Question

Il semble que lorsque vous essayez d'ajouter plusieurs dans une table dans IE à l'aide de la fonction ExtJs (Sencha) InsertHtml, il crée uniquement la première.

Exemple:

<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> 

Vous n'aurez:

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

Est-ce que quelqu'un a une idée pourquoi cela se passe? Cela se produit uniquement dans IE ...

Answer 1

Le problème pourrait être que vous référencez 'bob' avant qu'il ne soit rendu dans le DOM. Essayez votre code soit déplacer en dessous du HTML ou l'enveloppant dans un bloc Ext.onReady:

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