7
votes

Le panneau ExtJS ne rend pas correctement à moins d'ouvrir Firebug?

J'ai le panneau ExtJS suivant intégré dans un autre panneau, qui réside ensuite dans un Tabpanel et que le Tabpanel est dans un format de format.

avec celui-ci étant dit, ces champs de date de début / de fin sont initialement affichés dans de très petites cellules - - Les cellules sont si petites que je vois des barres de défilement horizontales. Maintenant voici la partie étrange: si j'ouvre Firebug, tout se passe en place. P>

Est-ce que quelqu'un sait ce qui se passe? Pourquoi ne ralentit-il pas correctement en premier lieu et pourquoi Firebug provoque-t-il tout pour fonctionner correctement simplement en ouvrant Firebug? P>

var dateFields = new Ext.Panel({
    id: 'dateFields',
    labelAlign: 'bottom',
    border: false,
    items: [{
        layout: 'column',
        defaults: {
            columnWidth: 0.5
        },
        items: [{
            layout: 'form',
            border: false,
            items: [{
                xtype: 'datefield',
                name: 'start_date',
                fieldLabel: 'Start Date'
            }]
        }, {
            layout: 'form',
            border: false,
            items: [{
                xtype: 'datefield',
                name: 'end_date',
                fieldLabel: 'End Date'
            }]                  
        }]
    }]
});


1 commentaires

Je suppose que tout refusion fera la même chose, pas seulement ouvrir Firebug. Essayez de redimensionner le navigateur, fait-il la même chose?


3 Réponses :


0
votes

Essayez avec chrome, si cela fonctionne, peut-être que vous avez laissé un console.log quelque part dans votre code.

Lorsque Firebug est ouvert, console existe.
Lorsqu'il est fermé, console n'existe pas et console.log casse le code en silence.


3 commentaires

Si vous avez Firebug installé Console.Log () existe même si le panneau Firebug est fermé


Essayez juste un script avec console.log (); alerte ('hi'); Un assiette Firebug est vraiment éteint, pas seulement caché. L'alerte ne doit pas apparaître dans FF, ou peut-être que ceci est une configuration quelque part.


@wezzy ce n'est pas vrai la plupart du temps. Lorsque Firebug est fermé, console () est indéfini. Firebug peut regarder fermé mais juste être masqué (vous pouvez dire la différence de savoir si l'icône est grisée). Confirmez ce comportement avec cette démo: JSBIN.com/Avenu4/5 .



1
votes

Votre panneau extérieur n'a pas de mise en page. Essayez d'ajouter mise en page: 'Fit' et voir si cela aide.


0 commentaires

1
votes

J'ai déjà vu ce problème ... il y a trois choses que vous devrez peut-être faire.

  1. Si le panneau parent contenant le panneau Datefieldielielielielields est un FormPanel, définissez DEFERREDRENDREDRENDRE: TRUE
  2. sur votre panneau d'onglets, définissez LayoutAbchanger: true <- i> Je suppose que le panneau Datefields n'est pas le panneau actif par défaut?
  3. sur votre code ci-dessus, donnez à Datefields Panel A Disposition: "Fit" . Ceci est donc afin qu'il puisse mieux gérer le panneau avec la disposition de colonne mieux

0 commentaires