Javascript 当与文件上传器和顶部对齐的标签一起使用时，如何对齐底部的按钮？

我使用filefield进行文件上传，并在其旁边放置了一个上传按钮。 当放置长标签时，其layput断开，上载按钮位于顶部。 我希望我的标签与“顶部”对齐 如何将按钮与底部对齐

Ext.create('Ext.Container', {
                renderTo: Ext.getBody(),
                bodyPadding: 1,
                width: 400,
                height: 300,
                layout: {
                    type: 'hbox',
                    autoSize: true,
                    align: 'bottom'
                },

                items: [{
                    xtype: 'filefield',
                    labelSeparator: '',
                    fieldLabel: 'When placing long labels the layout is breaking and the upload button is placed at the top.',
                    labelAlign: 'top',
                    buttonText: 'Select',
                    flex: 1                        
                }, {
                    xtype: 'button',
                    text: 'Upload',
                    width: 50
                    //,margin: '22 0 0 2'
                }]

            });

---

从HTML标记中，我看到这个问题是由布局引起的。它将

文件字段的顶部位置设置为259px，将
按钮设置为278px。它假定标签只有一行。最简单的修复方法是将css中标签元素的高度设置为33px（2行）

例如：

另一种可能是扩展
filefield
，并在其中添加另一个按钮。那么它应该更独立于布局

示例：
当我尝试第二种方法时。我在这行me.callParent（arguments）上出错；错误为：“fileInputEl.dom”为空或不是对象。-在文件ext-all.jsI中的render函数上，无法再现此错误。我的示例正在运行，所以您可能对布局有一些问题？请您对这段代码发表意见。if（Ext.isIE）{me.uploadButton.getEl（）.repaint（）；}//它的用途。我有一些IE渲染问题。隐藏面板时显示边框这是从原始
Ext.form.field.File.onRender
方法改编的代码，因此我不确定它的作用。可能它解决了IE上的一些问题，但我不知道具体是什么：）