X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/form/file-upload.html diff --git a/examples/form/file-upload.html b/examples/form/file-upload.html index d280d08e..d04a49e9 100644 --- a/examples/form/file-upload.html +++ b/examples/form/file-upload.html @@ -1,19 +1,19 @@ + - - File Upload Field Example + + File Uploads - - + + - + + - - - - - - - - - - - - - - - - - -

File Upload Field

-

This example utilizes a custom extension to implement a file upload field. - The js is not minified so it is readable. See file-input.js and - FileUploadField.js.

+

This example demonstrates use of Ext.form.field.File, a file upload field with custom rendering.

+

The js is not minified so it is readable. See file-upload.js.

+ +

Basic File Field

- Basic FileUpload
- A typical file upload field with Ext style. Direct editing of the text field cannot be done in a - consistent, cross-browser way, so it is always read-only in this implementation. -

-
+ A typical file upload field with Ext style. Direct editing of the text field cannot be done in a + consistent, cross-browser way, so it is always read-only. The file path reported by the getValue + method will

+
+
+

Button Only

- Basic FileUpload (Button-only)
You can also render the file input as a button without the text field, with access to the field's value via the - standard Ext.form.TextField interface or by handling the fileselected event (as in this example). -

- -
+ standard Ext.form.field.Field interface or by handling the fileselected event (as in this example).

+
+ +
+

Form Example

- Form Example
- The FileUploadField can also be used in standard form layouts, with support for anchoring, validation (the - field is required in this example), empty text, etc. This example also demonstrates using the - buttonCfg option to provide a customized icon upload button. -

+ The File field can also be used in form layouts just like any other field, with support for labeling, + validation (the field is required in this example), empty text, etc. This example also demonstrates + using the buttonConfig option to provide a customized icon upload button.

+