extjs - リストの高さを 100% に設定するには?

Question

リストの高さを 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% の高さになり、空きスペースを埋めて、次のように表示されるようにしたいと考えています。

• トップバー、
• すべての空き容量を一覧表示し、
• ボタン

Answer 1

VBOXで何ができるか分かった