2009-06-29 7 views
0

Ci-dessous est un code ext js simple que je ne peux pas obtenir de fonctionner correctement dans IE (fonctionne très bien dans Firefox, et Chrome). Le problème est que, même s'il est initialement correctement rendu, il est foiré si j'essaye de redimensionner le panneau 'ouest'. Quelqu'un peut-il s'il vous plaît signaler le problèmeExtJs IE rendu problème

var viewport = new Ext.Viewport({ 
       layout: "border", 
       items: [{ 
        xtype: "panel", 
        region: "west", 
        frame: true, 
        collapsible: true, 
        width: 200, 
        baseCls: 'x-plain', 
        collapseMode:'mini', 
        split:true, 
        items:[{ 
         xtype:"panel", 
         collapsible:true, 
         titleCollapse:true, 
         title:'Test1', 
         height: 200, 
         frame: true, 
         border:true 
        }] 
       }, { 
       xtype: "panel", 
       region:"center" 

       }] 
      }) 

Répondre

2

Tout conteneur contenant d'autres panneaux ou composants nécessite généralement une disposition pour fonctionner correctement. Essayez d'ajouter la mise en page: «adapter» au panneau ouest et voir si cela aide. En regardant votre code cependant, je ne suis pas sûr pourquoi vous auriez besoin d'un panneau imbriqué là (à moins que ce ne soit juste du code de test). Le panneau ouest devrait simplement contenir tout le contenu que vous prévoyez de mettre dans le panneau imbriqué. Si le but est d'ajouter plusieurs panneaux enfants à l'ouest, alors vous donneriez à West une disposition comme «frontière» ou tout ce qui a du sens.

0

Pour une courte pointe, vous pouvez essayer de répondre à la question:

Quelle est la disposition de la région « centre »?

Avec la disposition de bordure je ne peux voir qu'une seule région, et il a appelé «ouest». Cela ne devrait pas fonctionner comme prévu.