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 configが唯一のExtコンポーネントです。生成されたHTMLコードをPanelのhtmlに配置する必要があります。config：

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

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