如何將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配置僅供分機組件。您必須將生成的html代碼放入Panel的html config：

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

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