Sencha Touch 2: List does not display in Panel
- by jrboddie
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'
}
]
}
});
