如何在extjs中的字段之后添加表单提交按钮

Question

如何在添加所有表单字段后添加按钮？我知道我可以使用buttons Ext.form.Panel配置添加按钮。但它在停靠栏上增加了按钮。对我来说，这个停靠栏位于屏幕的最下方。所以我想在项目之后添加它。这是我传递给items的{​​{1}}配置选项的配置对象。

Ext.form.Panel

输出是

但我希望按钮与上面的文字字段对齐。

我该怎么做？

我正在使用ExtJS 4.0.7。由于项目规模庞大且非常复杂，我无法更新此版本。

Answer 1

Ext.form.Panel有一个buttonAlign属性：http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.form.Panel-cfg-buttonAlign 您只需在FormPanel项目中添加xtype：'button'并对其进行配置：http://jsfiddle.net/Un5rW/

如果要在另一个面板中添加按钮，则不要将面板布局的“pack”属性设置为结束：

...
layout: {
    type: 'hbox'//,
    //pack: 'end' <----
}

jsfiddle：http://jsfiddle.net/Un5rW/1/

<强> UPD

结尾表单字段按钮对齐的另一个示例：http://jsfiddle.net/Un5rW/2/