Componente Extjs all'interno di Ext.XTemplate su EXTJS 4

Question

Sto provando ad aggiungere componenti extjs al pannello tpl. Esiste un modo per inserire componente TPL come questo

Ext.create('Ext.panel.Panel',{ 
    renderTo: Ext.getBody(), 
    data: {}, 
    listeners:{ 
     afterrender:function(){ 
      var renderSelector = Ext.query('div.comment-add-textarea'); 
       for(var i in renderSelector){ 
        Ext.create('Ext.form.field.TextArea',{ 
         height:300, 
         renderTo:renderSelector[i] 
        }); 
       } 
     } 
    }, 
    tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">', 
     '<div class="comment-add-textarea"></div>', 
     '</tpl>',{ 
      compiled:true 
     }) 
});​ 

Answer 1

Prova questo controllo

Ext.create('Ext.panel.Panel', { 
    renderTo: Ext.getBody(), 
    data: {}, 
    listeners: { 
     refresh: function() { 
      var renderSelector = Ext.query('div.comment-add-textarea'); 
      for (var i in renderSelector) { 
       Ext.create('Ext.form.field.TextArea', { 
        height: 300, 
        renderTo: renderSelector[i] 
       }); 
      } 
     } 
    }, 
    tpl: Ext.create('Ext.XTemplate', 
     '<tpl for=".">', 
     '<div class="comment-add-textarea"></div>', 
     '</tpl>', { 
      compiled: true 
    }) 
});