How To Make Ext.dataview.List Appear In Tab Panel

Posted by blogmeister on

October 11, 2012

This gave me a big headache wondering why even a list with simple data does not get shown in the tab panel. Turns out the List’s height is zero.

Most likely in your tab panel code, you did not specify a layout.

This also applies if you place your list inside an Ext.Panel which will be placed in one of the tab panels.

Ext.define('MyTabPanel', {
    extend: 'Ext.tab.Panel',
	config: {
	    fullscreen: true,
	    tabBarPosition: 'bottom',
	    items: [
	        {
		    title: 'Patient Info',
		    iconCls: 'user',
		    layout: 'fit',
		    items: [ { xtype: 'mylist' } ]
		},
	    ],
	},
});