I am working on an MVC app in Sencha Touch 2 and am having trouble getting a list to display in a nested panel. The structure of the app has a main view which is a tab panel. One of the items in the tab panel is a defined panel, xtype: 'homepanel'. An item in this panel is the list, xtype: 'newslist' that is linked to the appropriate store and model files. The list does not display unless I change its parent 'homepanel' to a type, Ext.navigation.View. What am I missing in the definition of 'homepanel' as a Panel that prevents the display of the list? Ext.define('ACSO.view.Home', { extend: 'Ext.Panel', //<--works if Ext.navigation.View xtype: 'homepanel', requires: [ 'Ext.TitleBar', 'ACSO.view.NewsList' ], config: { title: 'Home', iconCls: 'home', cls: 'home', scrollable: true, styleHtmlContent: true, items: [ { xtype: 'newslist' } ] } });