Sencha Touch 2: Liste wird nicht im Panel angezeigt

Question

Ich arbeite an einer MVC-App in Sencha Touch 2 und habe Probleme, eine Liste in einem verschachtelten Panel anzuzeigen.

Die Struktur der App hat eine Hauptansicht, die eine Registerkarte ist. Eines der Elemente im Registerkartenbereich ist ein definiertes Feld, xtype: 'homepanel'. Ein Element in diesem Bereich ist die Liste, xtype: 'newslist', die mit den entsprechenden Filial- und Modelldateien verknüpft ist.

Die Liste wird nicht angezeigt, es sei denn, Ich ändere das übergeordnete 'homepanel' in einen Typ, Ext.navigation.View.

Was fehlt mir in der Definition von 'homepanel' als ein Panel, das die Anzeige der Liste verhindert?

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

Ihr Panel hat kein Layout.

Ich schlage vor, Sie versuchen, die folgenden in Ihrem Panel Config hinzuzufügen:

layout:'fit' 

hoffe, das hilft

Answer 2

Try layout: 'card' zu Ihrem Panel Config Hinzufügen

Answer 3

Layout: fit funktionierte nicht für mich . Jedoch hinzugefügt layout: 'card zu dem Eltern Ext.Panel gearbeitet!

Die UI-Komponente innerhalb der Ext.Panel ist nicht mehr über die display: none !important; ausgeblendet.