如何在Ext Js中将面板高度绑定到视口高度？

Ext.create('Ext.panel.Panel', {
    title: '面板标题',
    layout: 'fit',
    items: [{
        xtype: 'component',
        html: '面板内容'
    }],
    listeners: {
        afterrender: function(panel) {
            panel.setHeight(Ext.getBody().getViewSize().height);
        },
        resize: function(panel, width, height) {
            panel.setHeight(height);
        }
    }
});

Ext.create('Ext.panel.Panel', {
    title: '面板标题',
    items: [{
        xtype: 'component',
        html: '面板内容'
    }],
    listeners: {
        afterrender: function(panel) {
            Ext.get(window).on('resize', function() {
                panel.setHeight(Ext.getBody().getViewSize().height);
            });
        }
    }
});