-1

レイアウト アコーディオンを使用した次のパネルがあります。最初の項目のみの高さを変更するにはどうすればよいですか? パネル内のアイテムの高さを定義しようとしましたが、アイテムの高さには影響しませんでした。コードは次のとおりです。

 me.accordion = Ext.create('Ext.panel.Panel', {
            //width: '80%',
            height: 300,
            margin: "0 0 30 10",
            defaults:[{
                layout:'fit',
                height:'100%',
                width:'100%'
            }] ,
            layout: {

                type: 'accordion',
                titleCollapse: true,
                animate: true,
                activeOnTop: true,
                fill : true

            },
            items: [
                {
                    xtype: 'dataCollector',
                    autoScroll:true,
                    //autoHeight:true,
                    margins: accordionItemsMargin,
                    store: records[0].dcModule()
                }
                ,
                {
                    xtype: 'costCalculation',
                    margins: accordionItemsMargin,
                    store: records[0].ccModule()
                },
                {
                    xtype: 'publicCloudConnection',
                    margins: accordionItemsMargin,
                    store: records[0].pcModule()
                }

            ]

        });

前もって感謝します

4

1 に答える 1

2

パネルから削除し、パネルの最初の項目にheight:300追加する必要があります。height:300これがコードです。

Ext.create('Ext.panel.Panel', {
        //width: '80%'
        //height : 300,
        margin : "0 0 30 10",
        defaults : [{
            layout : 'fit',
            height : '100%',
            width : '100%'
        }],
        layout : {
            type : 'accordion',
            titleCollapse : true,
            animate : true,
            activeOnTop : true,
            fill : true
        },
        items : [{
            xtype : 'dataCollector',
            autoScroll : true,
            height:300,
            //autoHeight:true,
            margins : accordionItemsMargin,
            store : records[0].dcModule()
        }, {
            xtype : 'costCalculation',
            margins : accordionItemsMargin,
            store : records[0].ccModule()
        }, {
            xtype : 'publicCloudConnection',
            margins : accordionItemsMargin,
            store : records[0].pcModule()
        }]
});
于 2013-07-18T13:20:03.537 に答える