Форма upload-а: поправить расположение кнопок
Следующим образом вставляю на страницу форму загрузки файлов:
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 сразу после неё? |
Так что мешает кнопку описать в массиве items? Потом при необходимости, добавить контейнеру layout: 'column'.
Конфиг buttons приделывает кнопку к низу панели автоматически, а вам надо просто в саму панель ее положить и поиграться с layout items: [{ xtype: 'filefield', name: 'document', fieldLabel: 'Выберите файл', msgTarget: 'side', allowBlank: false }, { xtype: 'button', 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 +" загружен"); } }); } } }] |
Ой, оказывается всё очень просто. В сочетании с column layout получилось то, что хотел.
|
Часовой пояс GMT +3, время: 02:50. |