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

如何在添加所有表单字段之后添加按钮？我知道我可以添加带有

按钮
配置
Ext.form.Panel
的按钮。但它在停靠栏上添加了按钮。对我来说，这个停靠条位于屏幕的最低部分。所以我想在项目之后添加它。这是我传递给
Ext.form.Panel
的
items
config选项的配置对象

        items: [
           // other fields here
        , {
            xtype: 'panel',
            frame: true,
            layout: {
                type: 'hbox',
                pack: 'end'
            },
            items:[{
                text: 'Change',
                xtype: 'button'
            }]
         }

输出为

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

我该怎么做

我正在使用ExtJS4.0.7。我不能更新这个版本，因为该项目是大型和非常复杂的
 Ext.form.Panel具有buttonAlign属性：
您只需在FormPanel项目中添加一个xtype:“button”并对其进行配置：

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

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

。。。
布局：{
类型：“hbox”/，
//pack:'end'Ext.form.Panel具有buttonAlign属性：
您只需在FormPanel项目中添加一个xtype:“button”并对其进行配置：

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

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

。。。
布局：{
类型：“hbox”/，
//打包：“结束”您的前两个小提琴将按钮左对齐，这是默认的
anchor
layout。这不是我想要的。我想要像最后一个小提琴一样的东西。但它是肮脏的黑客。您知道其他方法吗？您的前两个小提琴将按钮左对齐，这是默认的
anchor
layout。这不是我想要的。我想要som这就像最后一把小提琴。但它是肮脏的。你知道其他的方法吗？