Extjs 如何将列表设置为100%高度？

如何将列表设置为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"
        }));
    }

});

Ext.define（'MyApp.view.MeinView'{
扩展：“Ext.navigation.View”，
配置：{
项目：[
{
xtype:'formpanel'，
标题：“MyApp”，
id:“StartAnsicht”，
项目：[
{
xtype:'列表'，
停靠：“顶部”，
身高：200，
ui:“圆形”，
第三方物流：[
“{titel}:{inhalt}”
],
商店：'EintragStore'
},
{
xtype:'按钮'，
停靠：“底部”，
id:'NeuerEintrag'，
itemId:'mybutton1'，
用户界面：“行动”，
文字：“新”
}
]
}
],
听众：[
{
fn:“onNeuerEintragTap”，
事件：“点击”，
代表：“#NeuerEintrag”
}
]
},
onNeuerEintragTap：功能（按钮、e、eOpts）{
this.push（Ext.create（“MyApp.view.AddAnsicht”）{
标题：“新项目”
}));
}
});

实际上，高度设置为200，但我希望自动设置为100%高度，并填充自由空间，以便我只看到：

• 顶栏
• 列出所有可用空间
• 钮扣

---

我发现，我可以用