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

File Upload Field

-

The example js is not minified so it is readable. See file-upload.js. FileUploadField.js is the custom extension used to create the file upload field.

+

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). -

- -
+ 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.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.

+