如何将列表设置为 100% 高度,以便填满网站上的全部可用空间?
我的页面如下所示:
Ext.define('MyApp.view.MeinView', {
extend: 'Ext.navigation.View',
config: {
items: [
{
xtype: 'formpanel',
title: 'MyApp',
id: 'StartAnsicht',
items: [
{
xtype: 'list',
docked: 'top',
height: 200,
ui: 'round',
itemTpl: [
'<div>{titel}: {inhalt}</div>'
],
store: 'EintragStore'
},
{
xtype: 'button',
docked: 'bottom',
id: 'NeuerEintrag',
itemId: 'mybutton1',
ui: 'action',
text: 'New'
}
]
}
],
listeners: [
{
fn: 'onNeuerEintragTap',
event: 'tap',
delegate: '#NeuerEintrag'
}
]
},
onNeuerEintragTap: function(button, e, eOpts) {
this.push(Ext.create("MyApp.view.AddAnsicht", {
title: "New Item"
}));
}
});
实际上高度设置为 200,但我想自动将其设置为 100% 高度并填充可用空间,以便我看到:
- 顶栏,
- 列出所有可用空间,
- 按钮