File upload extjs文件上载按钮对齐更改

File upload extjs文件上载按钮对齐更改,file-upload,extjs,File Upload,Extjs,嗨,我想先对齐浏览按钮,然后对齐文本区域。如何更改浏览按钮对齐方式。 喜欢 如果您只想在文本字段(textarea?)旁边有一个按钮,然后是另一个按钮,您可以使用fieldcontainer。 这里有一个例子: { xtype: 'fieldcontainer', // The body area will contain three text fields, arranged // horizontally, separ

嗨,我想先对齐浏览按钮,然后对齐文本区域。如何更改浏览按钮对齐方式。 喜欢

如果您只想在文本字段(textarea?)旁边有一个按钮,然后是另一个按钮,您可以使用fieldcontainer。

这里有一个例子:

{
            xtype: 'fieldcontainer',
            // The body area will contain three text fields, arranged
            // horizontally, separated by draggable splitters.
            layout: 'hbox',
            items: [{
                xtype: 'button',
                text: 'Load from CSV'
            }, {
                xtype: 'textfield',
                flex: 1,
                name: 'file',
                allowBlank: false  // requires a non-empty value
            }, {
                xtype: 'button',
                text: 'Load',
                margin: '0 0 0 30'
            }]
        }
这里是一个有效的sencha小提琴示例


我希望这能有所帮助

Hi HW_Manuk,感谢您的及时帮助,但是我们不能使用direct filefield进行管理,我不想为简单的上传创建3个组件。啊!这就是你想要的。老实说,我认为您要么必须这样做,要么编写一个更好的fileuploadfield类(编写一个扩展)。我只是再次查看了文档,但没有找到任何方法将触发器向左移动。可能使用fieldBodyCls配置设置组件的样式,并选择如下元素。trigger pos left>.x-form-trigger-wrap>.x-form-text-wrap和此。trigger pos left>.x-form-trigger-wrap>.x-form-trigger将对您有所帮助