Warum zeigt meine ExtJS-Registerkarte keine Elemente mit einem Rahmenlayout an?

Im Moment habe ich eine funktionierende Registerkarte in meiner Website, und wenn ich eine Aktion durchführe, wird eine Registerkarte zur Registerkarte hinzugefügt. Im Augenblick ist die Registerkarte macht alle Elemente korrekt mit der folgenden Elemente DefinitionWarum zeigt meine ExtJS-Registerkarte keine Elemente mit einem Rahmenlayout an?

return [{ 
     xtype: 'panel', 
     region: 'north', 
     autoHeight: true, 
     items: this.buildToolbar() 
    }, { 
     xtype: 'panel', 
     region: 'center', 
     autoHeight: true, 
     items: [{ 
      xtype: 'fieldset', 
      title: 'Details:', 
      collapsible: true, 
      autoHeight: true, 
      items: [this.detailForm] 
     }] 
    }];

Allerdings habe ich jetzt eine östliche zerlegbare Platte auf dieser Registerkarte nur hinzufügen möchten, so im Panel Config I layout: 'border', hinzugefügt. Jetzt wird nichts mehr in meinem Tab gerendert. Wenn ich dann meinen layout Aufruf auskommentiere, macht alles gut.

Warum wird nichts gerendert, wenn dieses Panel als Rahmenlayout festgelegt wird?

Quelle

2010-12-18 KallDrexx

entfernen autoHeight: true (auf jeder Ebene - nicht jemals verwendet diese in einem Border) und layout: 'fit' zu Ihrem mittleren Bereich hinzufügen. Außerdem ist nicht sicher, ob das Hinzufügen eines Formulars zu Ihrem Feldset das ist, was Sie wollen - wahrscheinlich würde das Umgekehrte mehr Sinn machen.

Quelle

2010-12-19 01:33:44

Entfernen der Auto-Höhe hat nicht funktioniert, aber Ihr 'Layout: 'fit'' brachte mich zum Nachdenken. Ich habe den mittleren Bereich des Ansichtsfensters (das Panel, das das TabPanel enthält) ein Layout: "fit", und das hat es behoben! Vielen Dank! – KallDrexx

Wie für das FieldSet außerhalb des Formulars, mache ich das absichtlich als eine leichte Möglichkeit, verschiedene Komponenten auf der Seite zu trennen. Zusammenklappbare Panels haben einen zu großen Header, und das scheint besser zu funktionieren (zumindest in ästhetischer Hinsicht) – KallDrexx

'autoHeight: true' bedeutet" Lassen Sie den Browser die Höhe basierend auf dem Inhalt verwalten ". In Ext Layouts im Allgemeinen ist dies fast nie das, was Sie wollen. In BorderLayouts ist es absolut nicht das was du willst. Und ja, Sie sollten immer ein geeignetes Layout auf jeder Ebene in einer geschachtelten Layout-Hierarchie angeben. –

Warum zeigt meine ExtJS-Registerkarte keine Elemente mit einem Rahmenlayout an?

Antwort

Verwandte Themen