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

Question

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

Answer 1

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

Answer 2

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

Answer 3

Вот что у меня есть:

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, вот оно:

таблица tr td colspan = "2" tr тр тд тд тр таблица