Sencha touch Sencha列表在尝试将（）添加到pabel时不显示

这真是太好了。我在TabPanel中有一个选项卡，每次用户点击它时我都要刷新它。在选项卡中应该有一个列表。当我试图将列表添加到面板（选项卡容器）时，它只是不显示！当我尝试添加其他东西时，他们通常都会这样做

例如：

var listConfiguration = this.getListConfiguration();
var myPanel = Ext.create('Ext.Panel', {
     html: 'This will be added to a Container'
});

Ext.getCmp('Peoplebutton').add(listConfiguration);
Ext.getCmp('Peoplebutton').add(myPanel);

这段代码完美地获得了html！但是列表没有显示！列表代码运行良好，我已经检查了好几次。。。 如果有人能帮助我，我将非常高兴

列表代码，工作正常

 getListConfiguration: function() {
    var store = Ext.create('Ext.data.Store', {
        fields: ['firstName', 'lastName'],
        sorters: 'firstName',
        autoLoad: true,
         grouper: {
            groupFn: function(record) {
                return record.get('firstName')[0];
           }
        },

        proxy: {
            type: 'ajax',
            url: 'contacts.json'
        }
    });
    return {
        xtype: 'list',
        id: 'list',
        itemTpl: '{firstName} ,{lastName}',
        grouped: true,
        indexBar: true,
        infinite: true,
        useSimpleItems: true,
        variableHeights: true,
        striped: true,
        ui: 'round',
        store: store
    };
}

---

列表组件的高度应该是一个问题

尝试向列表中添加一个固定高度，或者使用flex:1

---

希望有帮助-

包含列表的选项卡也生成了，但列表本身却没有出现？是的。由下一个答案解决