Combine XTemplates into one template

How I can combine XTemplates into one template.

I have extend Ext.view.View and I would like to do XTemplates for cell row and table

Code:

Ext.define('app.view.evtView', {
    extend: 'Ext.view.View',
alias: 'widget.evtView',
store: 'app.store.myStore',
autoScroll: true ,
tpl: [
        '<table class="test">',
          [tableTpl]
        '</table>'
    ],
tableTpl: [
        '<tbody class="test">', //for example  
          [rowTpl]
        '</tbody>'
    ],
rowTpl: [
        '<tr class="test">', //for example
          [cellTpl]
 '</tr>'
    ],
cellTpl: [ 
        '<tpl for=".">', 
          '<td class="test">', //for example
            {somevalue},
           '</td>', 
        '</tpl>'  
    ],
itemSelector: 'table.test',
initComponent: function  () {
        var  me = this ;
me.callParent();
}
});

I need something like in example



Combine XTemplates into one template