我有一个配置非常简单的面板:
Ext.define('MyApp.view.PanelPersonalData', {
extend: 'Ext.Panel',
alias: 'widget.panelpersonaldata',
requires: [
'Ext.Panel',
'Ext.Button',
'Ext.XTemplate'
],
config: {
items: [
{
xtype: 'panel',
styleHtmlContent: true,
items: [
{
xtype: 'panel',
tpl: [
'Data:',
'{salutation} {firstname} {lastname}<br />',
'Birthday: {birthday}<br />',
'{street} {number}<br />',
'{zip} {city}<br />',
'E-Mail: {email}',
'<p>Insurance: {priorInsurance}</p>',
'<p>',
'IBAN: {iban}<br />',
'BIC: {bic}',
'</p>',
'<p>Job: {occupationGroup}</p>'
]
}
]
}
]
}
占位符的数据设置正确(我制作了控制台日志)。但是面板不会出现在屏幕上。如果我删除tpl配置并添加html: 'TEST'
,我可以看到TEST的正确输出。我在这里使用tpl配置做错了什么?
答案 0 :(得分:0)
问题是我为错误的小组打了setData()
。我没有使用占位符将其设置到面板,而是使用了父面板。改变之后,现在一切正常。