ExtJS Portal - Colonnes de différentes tailles

Question

Je dois pouvoir utiliser des colonnes de tailles différentes dans le portail ExtJS. Par exemple, je veux dans la région centrale, une zone qui a de la place pour un gros widget, et juste en dessous, 2 zones pour 2 widgets plus petits. Je continue à essayer de jouer avec les colonnes pour comprendre cela, mais rien ne semble fonctionner. Aidez-moi?

Answer 1

Le portail utilise un ColumnLayout, vous devriez donc être en mesure de configurer les largeurs de colonne si nécessaire en utilisant des configurations standard. Qu'avez-vous essayé (à savoir, poster du code)?

Answer 2

Voici ce que j'ai jusqu'à présent:

var portalColumns = 
    [{ 
     columnWidth: .70, 
     id: 'firstColumn', 
     style: 'padding:10px 0 10px 10px' 
    }, { 
     columnWidth: .30, 
     id: 'secondColumn', 
     style: 'padding:10px 0 10px 10px' 
    }]; 

    var mainPanel = new Ext.Panel({ 
     renderTo: 'pnlContent', 
     layout: 'border', 
     height: 730, 
     width: 1255, 
     id: 'mainPanel', 
     items: [portalNavigation, 
     { 
     xtype: 'portal', 
     region: 'center', 
     margins: '35 5 5 0', 
     items: [portalColumns ] 
     }] 
    }); 

Je sais que je peux configurer la largeur des colonnes pour le portail entier, mais je en ai besoin d'être empilés. Donc, une colonne au sommet qui couvre toute la largeur, et deux en dessous qui est composée de deux largeurs individuelles. Si je dois l'exprimer en HTML, voici:

Table tr td colspan = "2" tr tr td td tr Table

Answer 3

si je reçois ce droit un raccord TableLayout serait plus votre a besoin ... faire un essai: http://www.extjs.com/deploy/dev/docs/?class=Ext.layout.TableLayout