javascript - 更改项目布局手风琴 Extjs 的高度

Question

我有以下带有布局手风琴的面板，如何仅更改第一项的高度？我试图定义面板内项目的高度，但它并没有影响项目的高度。这是代码：

 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()
                }

            ]

        });

提前致谢

Answer 1

您需要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()
        }]
});