Sencha touch 2 面板不显示
我有一个面板,配置非常简单:Sencha touch 2 面板不显示,sencha-touch-2,Sencha Touch 2,我有一个面板,配置非常简单: Ext.define('MyApp.view.PanelPersonalData', { extend: 'Ext.Panel', alias: 'widget.panelpersonaldata', requires: [ 'Ext.Panel', 'Ext.Button', 'Ext.XTemplate' ], config: { items: [ { xtype: 'panel',
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>'
]
}
]
}
]
}
Ext.define('MyApp.view.PanelPersonalData'{
扩展:“Ext.Panel”,
别名:“widget.panelpersonaldata”,
要求:[
“外部面板”,
“外部按钮”,
“Ext.XTemplate”
],
配置:{
项目:[
{
xtype:'面板',
styleHtmlContent:对,
项目:[
{
xtype:'面板',
第三方物流:[
“数据:”,
“{saltation}{firstname}{lastname}
”,
“生日:{生日}
”,
“{street}{number}
”,
“{zip}{city}
”,
'电子邮件:{email}',
“保险:{prioriinsurance}”,
“”,
'IBAN:{IBAN}
',
'BIC:{BIC}',
“”,
“工作:{occupationGroup}”
]
}
]
}
]
}
占位符的数据设置正确(我做了一个控制台日志)。但是面板不会出现在屏幕上。如果我删除tpl配置并添加
html:'TEST'
,我可以看到正确的测试输出。我在这里用tpl配置做了什么错误?问题是我调用了setData()
用于错误的面板。我没有将其设置为带有占位符的面板,而是使用了父面板。更改后,一切正常