XTemplate을 Ext.Panel에 배치하려면 어떻게해야합니까?

Question

나는 extjs를 배우고 있는데 XTemplate을 패널 안에 추가하는 방법이 궁금합니다. 다음 코드는 지금까지 내가 작동하지만 '적용'함수가 '{이름}'및 '{나이}'를 '스미스'또는 '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 설정은 내선 구성 요소입니다. 생성 된 html 코드를 Panel의 html에 입력해야합니다. config :

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

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