Sencha Touch 2: La lista no se muestra en el Panel

Question

Estoy trabajando en una aplicación MVC en Sencha Touch 2 y tengo problemas para obtener una lista para mostrar en un panel anidado.

La estructura de la aplicación tiene una vista principal que es un panel de pestañas. Uno de los elementos en el panel de pestañas es un panel definido, xtype: 'homepanel'. Un elemento en este panel es la lista, xtype: 'newslist' que está vinculada a la tienda apropiada y a los archivos del modelo.

La lista no muestra a menos que cambie su 'homepanel principal' a un tipo, Ext.navigation.View.

¿Qué es lo que me falta en la definición de 'homepanel' como un Panel que impide la visualización de la lista?

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' 
     } 
    ] 
} 

});

Answer 1

Su panel no tiene diseño.

que sugieren intenta agregar lo siguiente en su fichero de configuración del panel:

layout:'fit' 

espero que esto ayude

Answer 2

Trate de añadir layout: 'card' de configuración de su panel

Answer 3

Layout: fit no funcionó para mí . Sin embargo, agregando layout: 'card al padre Ext.Panel funcionó!

El componente UI que se encuentra dentro del Ext.Panel ya no se oculta a través del display: none !important;.