Can an Ext.List share a panel with other components?

[Larry Q]

I have an Ext.List that I've put into an Ext.Panel as the only item. When I add another item to the panel (say, a selectfield) the list disappears. Here's some sample code of what I'm trying to do:

    
var listView = Ext.create('Ext.List',{        
        store: store,
        emptyText: 'No data to display',
        itemTpl:'{Name}',
        docked: 'top'
    });        

   var newPanel = Ext.create('Ext.Panel', {
    items:[listView,
         {
                    xtype: 'selectfield',
                    docked: 'bottom',
                    name : 'Name',
                    store: store,
                    valueField: 'Name',
                    displayField: 'Name'
             }
         ],
    title: 'users',
    layout:'fit'
 });

Ext.Viewport.add(newPanel);

If I remove the selectfield from my items config above and just leave in the listView, things work fine. Can a list share a panel with other xtypes?

[mitchellsimoens]

This is because of your use of layout : 'fit'. Fit layout only supports one inner item.

[Larry Q]

Thanks again Mitchell.

Just for my own education, is there a link on the Sencha site that discusses the layout configuration options, and what will and won't work with multiple components? I don't want to waste anyone's time with questions that I can find the answers to myself easily.

[mitchellsimoens]

The API docs do a pretty good job of explaining things as they have images that try to show you what is going on. There is also a guide: http://docs.sencha.com/touch/2-0/#!/guide/layouts