如何使表格工具栏停靠在ExtJS6屏幕的底部？

Question

我有一个高大的表单面板，如何使底部工具栏上的提交按钮浮动在屏幕底部的固定位置？

Ext.define('MyApp.view.myobj.MyPanel', {
    extend:'Ext.Panel',
    layout: 'fit',
    items: [{
        xtype: 'form',
        defaultType: 'textfield',
        items: [
            {fieldLabel: 'Field'},
            {fieldLabel: 'Field'},
        ],
        dockedItems: [{
            xtype: 'toolbar',
            dock: 'bottom',
            ui: 'footer',
            fixed: true,
            items: [
                {xtype: 'button', text: 'Submit', formBind: true}
            ]
        }]    
    }],

});

Fiddle

Answer 1

我认为您需要父级定义布局（因此它具有高度），并使用scrollable。

例如：https://fiddle.sencha.com/#fiddle/12ap