Creating an XTemplate from an array of strings.

XTemplate.js

Ext.setup({
  onReady: function() {
    
    var data = [{
        name: 'Joshua',
        age:3
      },{
        name: 'Matthew',
        age:2
      },{
        name: 'Solomon',
        age:0
      }
    ];
    
    var content = new Ext.Panel({
      tpl: [
        '<p>Kids:</p>',
        '<tpl for=".">',
        '   <p>{#}. {name}</p>',
        '</tpl>'
      ]
    });
    
    new Ext.Panel({
      fullscreen: true,
      items: [content]
    });
    
    content.update(data);
    
  }
});