Extjs, wie 100% Höhe für vbox-panel

Extjs, wie 100% Höhe für vbox-panel

Hi~,

Möchte ich zu 100% Links, über die Höhe zu panel 2. aber ich weiß nicht, wie zu tun ist..

hier ist mein test-code,

{
    title : 'EAST',
    region : 'east',
    layout : 'vbox',
    layoutConfig : {
        align : 'stretch'
    },
    bodyStyle : 'border:1px solid blue',
    width: 300,
    items : [
        new Ext.Panel({
            title : 'Panel 1',
            border : true,
            layout : 'fit',
            height : 250,
            html : 'PANEL 1 AREA'
        }),
        new Ext.Panel({
            title : 'Panel 2',
            border : true,
            bodyStyle : 'border:1px solid red',
            layout : 'fit',
            html : 'PANEL 2 AREA'
        })
    ]
}

Habe ich versucht, autoHeight : true und height : '100%' zu panel 2, aber es funktioniert nicht.

jemand weiß, bitte helfen mir ~

danke~!

Was ist, wenn ich einfach nur 1 panel, und ich möchte ihn verlängern (Höhe 100%)?

InformationsquelleAutor Expert wanna be | 2012-01-07

  1. 13

    Sollten Sie verwenden flex - Eigenschaft für das zweite panel.

    new Ext.Panel({
    title : 'Panel 2',
    border : true,
    bodyStyle : 'border:1px solid red',
    layout : 'fit',
    html : 'PANEL 2 AREA',
    flex: 1
})
    genial! es funktioniert! ich danke Ihnen sehr!

    InformationsquelleAutor Krzysztof

  2. 4

    versuchen festlegen von flex-Eigenschaft im zweiten panel

        new Ext.Panel({
        title     : 'Panel 2',
        border    : true,
        bodyStyle : 'border:1px solid red',
        layout   : 'fit',
        html      : 'PANEL 2 AREA',
        flex      : 1

    })

    flex wird nur verwendet, wenn die Komponente gerendert wird, indem ein Behälter, der so konfiguriert wurde, verwenden Sie ein BoxLayout.
    Jede untergeordnete Komponente mit einem flex-Eigenschaft wird gebeugt werden entweder vertikal (von einem VBoxLayout) oder horizontal (durch eine HBoxLayout) nach dem Element der relativen flex-Wert im Vergleich zur Summe aller Komponenten, die mit flex-Wert angegeben.

    genial! es funktioniert! ich danke Ihnen sehr!

    InformationsquelleAutor MMT

Schreibe einen Kommentar