如何在 ExtJS6 中使窗体工具栏停靠在屏幕底部？答案

【问题标题】：How to make a form toolbar docked at the bottom of the screen in ExtJS6?如何在 ExtJS6 中使窗体工具栏停靠在屏幕底部？
【发布时间】：2015-12-09 18:22:57
【问题描述】：

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

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

【问题讨论】：

标签： extjs extjs6 extjs6-classic

【解决方案1】：

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

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

【讨论】：