如何将XTemplate放置在Ext.Panel中？

Question

我正在学习extjs，并且对如何在面板中添加XTemplate感到好奇。 到目前为止，下面的代码可以正常工作，但是“ apply”功能不能用“ smith”或“ 21”代替“ {name}”和“ {age}”。 我以为我忘了做某事，或者我可能无法正确使用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 Components。 您必须将生成的html代码放入Panel的html配置中：

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

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