title: When is the template (.tpl) rendered for an Ext JS Component?
body: <p>I am trying to inject another component into an element that is rendered by the template of another Coomponent..but in the afterrender event, the template is yet to be rendered so the call to Ext.get(el-id) returns null: <code>TypeError el is null</code>.</p>
  
  <pre><code>   tpl: 
      new Ext.XTemplate(
        '&lt;tpl for="."&gt;',
          '&lt;ul&gt;',
            '&lt;li class="lang" id="cultureSelector-li"&gt;&lt;/li&gt;',
          '&lt;/ul&gt;',
  
        '&lt;/tpl&gt;'
        ),
  
    listeners: {
      afterrender: {
        fn: function (cmp) {
          console.log(Ext.get('cultureSelector-li')); // &lt; null :[
          Ext.create('CultureSelector', { 
            renderTo: 'cultureSelector-li' 
          });
        }
      }
    },
  </code></pre>
  
  <p>So when can I add this component so that the element is targeting has been created in the DOM?</p>