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

时间:2015-12-09 18:22:57

标签: extjs extjs6 extjs6-classic

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

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

1 个答案:

答案 0 :(得分:3)

我认为您需要父级定义布局(因此它具有高度),并使用scrollable

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