autoscroll funktioniert nicht mit vbox layout

Muss ich richten Sie die formpanels in die Mitte, so habe ich das vbox layout, und nachdem ich es benutzt habe die autoscroll-hat nicht funktioniert wie vorher, der code ist wie folgt:

 Usr.VWPanel = Ext.extend(Ext.Panel, {
        id: null,
        rid: null,
        closable: true,
        autoScroll: true,
        buttonAlign: 'center',
        layout: {
                type:'vbox',
                padding:'5',
                pack:'center',
                align:'center'
        },
        initComponent: function () {
            Ext.apply(this, {
                items: [
                {
                    xtype: 'spacer',
                    height: 16
                },
                {
                    xtype: 'usr.usrform',
                    itemId: 'usr.vwpain.usrformt',
                    width: 600,
                    height: 500
                },
                {
                    xtype:'spacer',
                    height: 16
                },
                {
                    xtype: 'usr.loginform',
                    itemId: 'usr.vwpain.loginform',
                    width: 600
                },
                {
                    xtype: 'spacer',
                    height: 16
                },
                {
                    xtype: 'usr.subsform',
                    itemId: 'usr.vwpain.subsform',
                    width: 600
                }],
...

plz beraten.

Fand dieses auf der Sencha-Foren: sencha.com/forum/archive/index.php/t-108868.html, Da VBox nicht unterstützt, autoScroll:true Vorschlag ist, dass Sie Anker. Nicht sicher, wie Sie würde erreichen, dass die Zentrierung obwohl...

InformationsquelleAutor mothee | 2010-12-28

  1. 2

    das vbox layout wird nie zeigen Sie das scroller.

    autoscroll funktioniert nicht mit vbox layout

    {
    xtype: 'window',
    title: 'My Window',
    width: 500,
    height: 500,
    layout: 'vbox',
    layoutConfig: {
        pack: 'center',
        align: 'center'
    },
    items: [
        {
            xtype: 'panel',
            title: 'My Panel',
            anchor: '80% 100%',
            height: 300,
            width: 300,
            autoScroll: true,
            items: [
                {
                    xtype: 'panel',
                    html: 'this isform1',
                    height: 100
                },
                {
                    xtype: 'panel',
                    html: 'this isform1',
                    height: 100
                },
                {
                    xtype: 'panel',
                    html: 'this isform1',
                    height: 100
                }
            ]
        }
    ]
}
    so ist es eine alternative zum ausrichten der Platten in der Mitte?
    versucht Formen in eine autoscroll-panel, dann legen Sie es in ein anderes panel mit center-layout oder vbox (dev.sencha.com/deploy/dev/examples/layout-browser/... -->Custorm Layout->Mitte)

    InformationsquelleAutor atian25

  2. 1

    in Ihrem css können Sie Ihre Mein Panel Margen zu {0 auto} die Mitte der Mein Panel in das Fenster. Dies bedeutet, dass Sie brauchen keine spezielle layout-Konfiguration für Ihr Fenster.

    InformationsquelleAutor Scott

  3. 0

    Ich habe einen listener für resize-Ereignis aus, um die vertikale scrollen als für Vbox wir haben, um Höhe zu bekommen, Blättern Sie doch, wenn das Fenster Größe ändern scroller Höhe konstant bleiben.

    Ext.define('DataConfigurations', {
extend: 'Ext.form.Panel',
bodyStyle: 'padding:5px 5px;',
listeners: {
resize: {
    fn: function(el) {
        this.setHeight(this.up('window').getHeight()-150);  //150  is extra for my panel coz of headers so have minus it.
        console.log("new height = " +   this.up('window').getHeight()-150);
    }
}
},
title: "Update Data Configurations",

    Hofft, dass dies helfen.

    InformationsquelleAutor ifti

Schreibe einen Kommentar