Ext js - 网格没有占用可用空间。如何设置其高度以占用视图中的整个可用空间？

Question

我们有一个视图，其中有30％作为图表和铰孔网格。但网格没有占用整个可用空间。

    {
                xtype:'gridpanel',
                title: "Sales Report",
                width:'100%',
                height:250,
                itemId:'itemID',
                store:storeForDataByOrgGrid,
                border:true,
                padding: 5,
                scroll: true,
                //forceFit: true,
                viewConfig : {

                },
                columns:[

                ],

                    tools:[
                    {
                        type:'up',
                        tooltip: 'Export to Excel',
                        handler:'excelGenerator'
                    }
                ]



            }

Answer 1

将flex: 1属性添加到网格中，并使用以下内容将包含网格和图表的组件布局设为vbox：

layout: {
    type: 'vbox'
    align : 'stretch',
    pack  : 'start',
}