Sencha Touch 2: Elenco non visualizzato nel Pannello

Question

Sto lavorando su un'app MVC in Sencha Touch 2 e sto riscontrando problemi nel visualizzare un elenco in un pannello annidato.

La struttura dell'app ha una vista principale che è un pannello a schede. Uno degli elementi nel pannello delle schede è un pannello definito, xtype: 'homepanel'. Un elemento in questo pannello è l'elenco, xtype: 'newslist' che è collegato al negozio appropriato e ai file del modello.

L'elenco non visualizza a meno che non modifichi l''homepanel' padre su un tipo, Ext.navigation.View.

Cosa mi manca nella definizione di "homepanel" come pannello che impedisce la visualizzazione dell'elenco?

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

Il tuo pannello non ha layout.

suggerisco si tenta di aggiungere quanto segue nel pannello di configurazione:

layout:'fit' 

Spero che questo aiuti

Answer 2

Prova ad aggiungere layout: 'card' alla configurazione del vostro pannello di

Answer 3

Layout: fit non ha funzionato per me . Tuttavia, l'aggiunta di layout: 'card al genitore Ext.Panel ha funzionato!

Il componente UI che si trova all'interno dello Ext.Panel non è più nascosto tramite display: none !important;.