Extjs 列表未显示在子容器内sencha touch 2？

您好，我正在一个子容器内创建一个列表，该列表未显示，但在一个子容器内添加了其他组件，该子容器显示了我的视图

Ext.define('senchatest.view.First', {
extend: 'Ext.Container',
xtype:'first',
requires: [
    'Ext.MessageBox',
    'senchatest.model.Contact'
],
config: {
    layout: Ext.os.deviceType == 'Phone' ? 'fit' : {
        type: 'hbox',
        align: 'center',
        pack: 'center'
    },
    cls: 'demo-list',

    items: [{
        height: Ext.os.deviceType == 'Phone' ? null : '80%',
        flex: 1,
        id: 'masterlist',
        xtype: 'list',
        store: 'List',
        // grouped: true,
        itemTpl: '{firstName} {lastName}'
    },
        {

                     flex : 1,
                    id: 'closetCodeContainer',
                    xtype: 'container',
                    type: 'hbox',
                    layout: 'fit',
                    align: 'center',
                    // align: 'center',
           items:[{
                    height: '80',
                    id: 'customerList',
                    xtype: 'list',
                    store: 'List',
                    grouped: true,
                    itemTpl: '{lastName} {firstName}'
                }]

        }],

主列表正在显示，但客户列表未显示

---

谢谢

只需在子容器和列表中添加高度

                id: 'closetCodeContainer',
                xtype: 'container',
                type: 'hbox',
                layout: 'fit',
                height: '100px'
                align: 'center',
       items:[{
                height: '100px',
                id: 'customerList',
                xtype: 'list',
                store: 'List',
                grouped: true,
                itemTpl: '{lastName} {firstName}'
            }]