Как я могу разместить XTemplate внутри Ext.Panel?

Question

Я изучаю extjs, и мне любопытно, как добавить XTemplate внутри панели.Следующий код - это то, что у меня пока работает, но функция 'apply' не заменяет '{name}' и '{age}' на 'smith' или '21'Я предполагаю, что забыл что-то сделать или, может быть, я не правильно использую Xtemplate.Есть предложения?

var tpl = new Ext.XTemplate('Name: {name}<br>Age: {age}');
tpl.apply({
    name:'smith',
    age:21
});
tpl.compile();


var northEastPanel = new Ext.Panel({
    flex: 1,
    autoHeight:true,
    border:false,
    frame:true,
    layout:'form',
    items:[tpl]
});

Спасибо, Y_Y

Answer 1

Конфигурация items предназначена только для Ext Components. Вы должны поместить сгенерированный HTML-код в Panel html config:

var generatedHtml = tpl.apply({
    name:'smith',
    age:21
});

var northEastPanel = new Ext.Panel({
    // not items but html:
    html: generatedHtml,
    // ...
});