我不能让面板上的网格灵活。情况如下：
------------------------
| tab1 | tab 2 | tab 3 |
| ------------------------------
|-----------------------------------|
| form |
| |
| |
| |
| |
|-----------------------------------|
| gridpanel |
| |
| |
| |
| |
| |
|-----------------------------------|
| toolbar |
|-----------------------------------|
| |
| ??? |
| |
-------------------------------------
这是面板（实际上是tabpanel），上面有三个元素：form，grid和toolbar。表格高度是灵活的（有时我在标准情况下显示更多字段），我希望网格面板高度也灵活，以填充表格和工具栏之间的可访问位置（tolbar high is constat）。
我删除了所有“高度”值并将网格面板布局设置为“适合”。没有结果，我仍然将此“???”区域清空。
非常友好地告诉我如何解决这个问题。
好的，你在这里：
{
xtype: 'panel',
title: 'Serwis',
items: [
{
xtype: 'form',
itemId: 'FRM_SERWIS',
bodyStyle: 'background-color: #DFE8F6',
border: false,
defaults: {
readOnly: true,
labelSeparator: '',
labelWidth: 200,
fieldStyle: 'background:none;border: none;',
labelStyle: 'font-weight:bold;'
},
items: [
{
xtype: 'textfield',
fieldLabel: 'Name:',
margin: '20, 0, 5, 50',
value: frm_name,
width: 500
},
...
{
xtype: 'textarea',
fieldLabel: 'Warning:',
margin: '0, 0, 5, 50',
value: frm_war,
width: 500
}
]
},
{
xtype: 'gridpanel',
store: 'FrmStore',
// height: 240,
layout: 'fit',
border: true,
columns: [
{
xtype: 'gridcolumn',
style: 'text-align:center;font-weight: bold;color:#000000;',
flex: 2,
align: 'left',
text: 'Data'
},
{
xtype: 'gridcolumn',
style: 'text-align:center;font-weight: bold;color:#000000;',
flex: 1,
align: 'left',
text: 'Invoice no'
},
{
xtype: 'gridcolumn',
style: 'text-align:center;font-weight: bold;color:#000000;',
flex: 1,
align: 'center',
text: 'Value'
}
]
}
],
dockedItems: [
{
xtype: 'toolbar',
dock: 'bottom',
height: 30,
items: [
{
xtype: 'button',
cls: 'cap-btn',
text: 'Action',
handler: me.onAction,
margin: '0 0 0 10'
}
]
}
]
},