ExtJS Portal - Колони с различни размери

Трябва да мога да използвам колони с различен размер в портала ExtJS. Например, искам в централния регион една област, която има място за една голяма джаджа, а след това точно под нея 2 зони за 2 по-малки джаджи. Продължавам да се опитвам да си играя с колоните, за да разбера това, но изглежда нищо не работи. Помогне?


extjs portal
person needshelp    schedule 13.04.2010    source източник

Отговори (3)


arrow_upward
1
arrow_downward

Порталът използва ColumnLayout, така че трябва да можете да конфигурирате ширини на колони според нуждите, като използвате стандартни конфигурации. Какво опитахте (т.е. публикувате някакъв код)?

person Brian Moeskau    schedule 13.04.2010

arrow_upward
0
arrow_downward

ако разбера правилно, tableLayout ще отговаря повече на вашите нужди ... опитайте го: http://www.extjs.com/deploy/dev/docs/?class=Ext.layout.TableLayout

person Nexum    schedule 19.04.2010

arrow_upward
0
arrow_downward

Ето какво имам досега:

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 tr td td tr таблица

person needshelp    schedule 13.04.2010