面板不会出现

时间:2014-01-30 10:37:40

标签: 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',
            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配置做错了什么?

1 个答案:

答案 0 :(得分:0)

问题是我为错误的小组打了setData()。我没有使用占位符将其设置到面板,而是使用了父面板。改变之后,现在一切正常。