Следующим образом вставляю на страницу форму загрузки файлов:
var uploadForm = Ext.create('Ext.form.Panel',{
title: 'Добавить изображение',
bodyStyle:'padding:5px 5px 0',
height:100,
items: [{
xtype: 'filefield',
name: 'document',
fieldLabel: 'Выберите файл',
msgTarget: 'side',
allowBlank: false
}],
buttons: [{
text: 'Загрузить',
handler: function(){
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
url: 'http://localhost/upload.php',
waitMsg: 'Загрузка...',
success: function(fp, o){
if (o.result)
Ext.Msg.alert('Загрузка прошла успешно', 'Файл ' +o.result.file +" загружен");
}
});
}
}
}]
});
Ext.application({
name: '',
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: {
type: 'vbox',
align: 'stretch'
},
items: [
uploadForm
]
});
}
});
вот как это выглядит
Как бы позиционировать кнопку "Загрузить" так, чтобы она располагалась в ряд с кнопкой Brows сразу после неё?