/**
* @class Ext.form.field.File
* @extends Ext.form.field.Text
@@ -61,30 +78,30 @@ Ext.define("Ext.form.field.File", {
alternateClassName: ['Ext.form.FileUploadField', 'Ext.ux.form.FileUploadField', 'Ext.form.File'],
uses: ['Ext.button.Button', 'Ext.layout.component.field.File'],
- /**
+ /**
* @cfg {String} buttonText The button text to display on the upload button (defaults to
* 'Browse...'). Note that if you supply a value for {@link #buttonConfig}, the buttonConfig.text
* value will be used instead if available.
*/
buttonText: 'Browse...',
- /**
+ /**
* @cfg {Boolean} buttonOnly True to display the file upload field as a button with no visible
* text field (defaults to false). If true, all inherited Text members will still be available.
*/
buttonOnly: false,
- /**
+ /**
* @cfg {Number} buttonMargin The number of pixels of space reserved between the button and the text field
* (defaults to 3). Note that this only applies if {@link #buttonOnly} = false.
*/
buttonMargin: 3,
- /**
+ /**
* @cfg {Object} buttonConfig A standard {@link Ext.button.Button} config object.
*/
- /**
+ /**
* @event change
* Fires when the underlying file input field's value has changed from the user
* selecting a new file from the system file selection dialog.
@@ -92,21 +109,21 @@ Ext.define("Ext.form.field.File", {
* @param {String} value The file value returned by the underlying file input field
*/
- /**
+ /**
* @property fileInputEl
* @type {Ext.core.Element}
* A reference to the invisible file input element created for this upload field. Only
* populated after this component is rendered.
*/
- /**
+ /**
* @property button
* @type {Ext.button.Button}
* A reference to the trigger Button component created for this upload field. Only
* populated after this component is rendered.
*/
- /**
+ /**
* @cfg {String} fieldBodyCls
* An extra CSS class to be applied to the body content element in addition to {@link #fieldBodyCls}.
* Defaults to 'x-form-file-wrap' for file upload field.
@@ -141,7 +158,7 @@ Ext.define("Ext.form.field.File", {
}
},
- /**
+ /**
* @private
* Creates the custom trigger Button component. The fileInput will be inserted into this.
*/
@@ -152,12 +169,11 @@ Ext.define("Ext.form.field.File", {
text: me.buttonText,
cls: Ext.baseCSSPrefix + 'form-file-btn',
preventDefault: false,
- ownerCt: me,
style: me.buttonOnly ? '' : 'margin-left:' + me.buttonMargin + 'px'
}, me.buttonConfig));
},
- /**
+ /**
* @private
* Creates the file input element. It is inserted into the trigger button component, made
* invisible, and floated on top of the button's other content so that it will receive the
@@ -174,7 +190,7 @@ Ext.define("Ext.form.field.File", {
}).on('change', me.onFileChange, me);
},
- /**
+ /**
* @private Event handler fired when the user selects a file.
*/
onFileChange: function() {
@@ -182,7 +198,7 @@ Ext.define("Ext.form.field.File", {
Ext.form.field.File.superclass.setValue.call(this, this.fileInputEl.dom.value);
},
- /**
+ /**
* Overridden to do nothing
* @hide
*/
@@ -235,4 +251,6 @@ Ext.define("Ext.form.field.File", {
});
-