2010-08-20 7 views
7

Ich habe das folgende ExtJS Panel in einem anderen Panel eingebettet, das sich dann in einem TabPanel befindet und das TabPanel in einem FormPanel.ExtJS Panel wird nicht richtig dargestellt, wenn ich Firebug öffnen?

Damit werden diese Start-/Enddatum Felder zunächst in sehr kleinen Zellen angezeigt - die Zellen sind so klein, dass ich horizontale Bildlaufleisten sehen. Nun, hier ist der komische Teil: Wenn ich Firebug öffne, kommt alles in Position.

Weiß jemand, was los ist? Warum wird es nicht richtig gerendert und warum bewirkt Firebug, dass alles einwandfrei funktioniert, einfach indem man Firebug öffnet?

+0

ich jede Reflow das gleiche nehme besser verwalten können nicht tun, Öffnen Sie einfach Firebug Versuchen Sie die Größe des Browsers zu ändern, macht es dasselbe? –

Antwort

1

Ich habe dieses Problem schon einmal gesehen ... Es gibt drei Dinge, die Sie tun müssen.

  1. Wenn das übergeordnete Panel, das die datefields Panel enthält eine Formpanel existieren, setzen deferredRender: true
  2. Auf dem Registerfeld, setzen layoutOnTabChange: true <- ich, dass die datefields raten bin Panel ist nicht das standardmäßige aktive Panel richtig?
  3. Auf dem obigen Code datefields Gremium ein Layout geben. ‚Passen“ Dies ist so, dass sie die Platte mit dem Spaltenlayout
+0

"layoutOnTabChange: true" hat es geschafft. Vielen Dank! – Huuuze

0

Versuchen Sie mit Chrom, wenn es funktioniert, können Sie eine console.log irgendwo in Ihrem Code verlassen.

Wenn Firebug geöffnet ist, existiert console.
Wenn es geschlossen ist, existiert console nicht, und console.log bricht den Code still.

+0

Wenn Sie Firebug installiert haben console.log() existiert auch wenn das FireBug-Panel geschlossen ist – wezzy

+0

Versuchen Sie nur ein Skript mit console.log(); alert (' hi '); Ein versicherer Firebug ist wirklich ausgeschaltet, nicht nur versteckt. Der Alarm sollte nicht in FF auftauchen, oder vielleicht ist das irgendwo eine Konfiguration. – Mic

+0

@wezzy Das ist meistens nicht wahr. Wenn Firebug geschlossen ist, 'Konsole () 'ist un definiert. Firebug kann * sehen * geschlossen, aber nur versteckt sein (Sie können den Unterschied erkennen, ob das Symbol grau ist). Bestätigen Sie dieses Verhalten mit dieser Demo: http://jsbin.com/avenu4/5. –

1

Ihr äußeres Panel hat kein Layout. Versuchen Sie, layout:'fit' hinzuzufügen und sehen Sie, ob das hilft.

Verwandte Themen