Question

我有一个有三个项目的容器：

ombrelloneButton = Ext.create('Ext.Button', {
id: 'btnOmbr',
iconMask: true,
iconCls: 'action',
text: 'Ombrellone'
});

lettinoButton = Ext.create('Ext.Button', {
id: 'btnLett',
iconMask: true,
iconCls: 'action',
text: 'Lettino'
});

toolbarPostazione = Ext.create('Ext.Toolbar',{
layout: {
    pack: 'center'
}, // layout
ui: 'plain',
items: [ombrelloneButton,
    lettinoButton]
});

Ext.define('appTrial.view.Postazione.Postazione',{
extend: 'Ext.form.Panel',
xtype: 'Postazione',
alias: 'widget.Postazione',

controllers:['AssociaAttivitaController'],

models : ['appTrial.model.AttivitaModel'],

config : {
    id : 'PostazioneId',

    title : 'Welcome',
    resizable : false,
    collapsible : true,
    bodyPadding : '5',
    buttonAlign : 'center',
    border : false,
    trackResetOnLoad : true,

    items : [{
        docked: 'top',
        xtype: 'titlebar',
        title: 'Welcome to My New App!!!'
        },
        {
        xtype: 'container',
        name: 'mainContainer',
        id: 'postazioneContainer',
        layout: {
            type: 'vbox',
            align: 'center',
            pack: 'center'
        },
        //width : '100%',
            items : [{
                layout: {
                    pack: 'center'
                },
                html :'<p style="color: red; text-align: center; font-size: 20px" >Complimenti!</p><br><p style="text-align: center; font-size: 16px">Sei stato associato alla attivita '+dummyAttivita.get('nomeAttivita')+'!</p>' +
                    '<br><p style="text-align: center; font-size: 16px">Ora associa la tua postazione:</p>',
                margin: '80 0 50 0'
            },
                toolbarPostazione,
                {
                    xtype: 'PostazioniList',
                    title:'PostazioniAssociate',
                    id: 'PostazioniAssociate'
                }
            ]
    }]
}

});

显示前两个（html文本和工具栏），而未显示PostazioniList。就像这样（List.js）：

Ext.define('appTrial.view.Postazione.List', {
extend: 'Ext.List',
xtype: 'PostazioniList',
alias: 'widget.PostazioniList',

itemTpl: '<div>{tipoPostazione} num.{numPostazione}</div>',

data: [{
    tipoPostazione: 'Ombrellone',
    numPostazione: '5'
},
{
    tipoPostazione: 'Ombrellone',
    numPostazione: '37'
},
{
    tipoPostazione: 'Lettino',
    numPostazione: '46d'
}]
});

这可能是一个HTML问题吗？我也不明白为什么我没有得到任何错误，只是隐藏了......

提前致谢

ExtJs List未显示在容器中

0 个答案: