ExtJS Portal - Колонны разных размеров

Question

Мне нужно иметь возможность использовать столбцы разных размеров в портале ExtJS. Например, я хочу в центральной области, в одной области, где есть место для одного большого виджета, а затем прямо под ним, 2 области для 2 меньших виджета. Я продолжаю пытаться играть со столбцами, чтобы понять это, но ничего не работает. Помогите?

Answer 1

Портал использует ColumnLayout, поэтому вы должны иметь возможность настраивать ширину столбцов по мере необходимости с помощью стандартных конфигураций. Что вы пробовали (т. Е. Опубликовали некоторый код)?

Answer 2

Вот то, что я до сих пор:

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 ] 
     }] 
    }); 

Я знаю, что могу настроить ширину столбцов для всего портала, но мне нужно, чтобы они были уложены. Итак, один столбец сверху, который охватывает всю ширину, а затем два под ним, который состоит из двух отдельных ширин. Если я должен выразить это в HTML, здесь:

стол тр тд Объединение столбцов = «2» тр тр тд тд тр стол

Answer 3

если я получить это право TableLayout будет более Умещение нуждается в ... дайте ему пример: http://www.extjs.com/deploy/dev/docs/?class=Ext.layout.TableLayout