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

ExtJS6 如何让表单工具栏停靠在屏幕底部？

How to make a form toolbar docked at the bottom of the screen in ExtJS6?

extjs

extjs6

extjs6-classic