<kendo:fileManager-upload>

Configures the composite Upload widget of the FileManager. Accepts the same options as the kendoUpload widget.

Example

<kendo:fileManager>
    <kendo:fileManager-upload></kendo:fileManager-upload>
</kendo:fileManager>

Configuration Attributes

cancel java.lang.String

Fires when the upload was cancelled while in progress. Upload Events.

Example

<kendo:fileManager-upload cancel="cancel">
</kendo:fileManager-upload>

clear java.lang.String

Fires when the files are cleared by clicking on the Clear button. Upload Events.

Example

<kendo:fileManager-upload clear="clear">
</kendo:fileManager-upload>

complete java.lang.String

Fires when all active uploads complete—either successfully or with errors. Upload Events.

Example

<kendo:fileManager-upload complete="complete">
</kendo:fileManager-upload>

directory boolean

Enables the selection of folders instead of files.

Example

<kendo:fileManager-upload directory="directory">
</kendo:fileManager-upload>

error java.lang.String

Fires when an upload or remove operation fails. Upload Events.

Example

<kendo:fileManager-upload error="error">
</kendo:fileManager-upload>

multiple boolean

Enables (if set to true) or disables (if set to false) the selection of multiple files. If set to false, the user can select only one file at a time.

Example

<kendo:fileManager-upload multiple="multiple">
</kendo:fileManager-upload>

pause java.lang.String

Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events.

Example

<kendo:fileManager-upload pause="pause">
</kendo:fileManager-upload>

progress java.lang.String

Fires when the data about the progress of the upload is available. Upload Events.

Example

<kendo:fileManager-upload progress="progress">
</kendo:fileManager-upload>

remove java.lang.String

Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events.

Example

<kendo:fileManager-upload remove="remove">
</kendo:fileManager-upload>

resume java.lang.String

Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events.

Example

<kendo:fileManager-upload resume="resume">
</kendo:fileManager-upload>

select java.lang.String

Fires when a file is selected. Upload Events.

Example

<kendo:fileManager-upload select="select">
</kendo:fileManager-upload>

showFileList boolean

Enables (if set to true) or disables (if set to false) the display of a file listing for the file upload. The disabling of a file listing might be useful if you want to customize the UI. To build your own UI, use the client-side events.

Example

<kendo:fileManager-upload showFileList="showFileList">
</kendo:fileManager-upload>

success java.lang.String

Fires when an upload or remove operation is completed successfully. Upload Events.

Example

<kendo:fileManager-upload success="success">
</kendo:fileManager-upload>

upload java.lang.String

Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events.

Example

<kendo:fileManager-upload upload="upload">
</kendo:fileManager-upload>

Configuration JSP Tags

kendo:fileManager-upload-async

Configures the asynchronous upload of files. For more details, refer to the article on the async mode of the Upload.

More documentation is available at kendo:fileManager-upload-async.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-async></kendo:fileManager-upload-async>
</kendo:fileManager-upload>

kendo:fileManager-upload-localization

Sets the strings rendered by the Upload.

More documentation is available at kendo:fileManager-upload-localization.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-localization></kendo:fileManager-upload-localization>
</kendo:fileManager-upload>

kendo:fileManager-upload-validation

Configures the validation options for uploaded files.

More documentation is available at kendo:fileManager-upload-validation.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-validation></kendo:fileManager-upload-validation>
</kendo:fileManager-upload>

Event Attributes

cancel String

Fires when the upload was cancelled while in progress. Upload Events.

Example

<kendo:fileManager-upload cancel="handle_cancel">
</kendo:fileManager-upload>
<script>
    function handle_cancel(e) {
        // Code to handle the cancel event.
    }
</script>

clear String

Fires when the files are cleared by clicking on the Clear button. Upload Events.

Example

<kendo:fileManager-upload clear="handle_clear">
</kendo:fileManager-upload>
<script>
    function handle_clear(e) {
        // Code to handle the clear event.
    }
</script>

complete String

Fires when all active uploads complete—either successfully or with errors. Upload Events.

Example

<kendo:fileManager-upload complete="handle_complete">
</kendo:fileManager-upload>
<script>
    function handle_complete(e) {
        // Code to handle the complete event.
    }
</script>

error String

Fires when an upload or remove operation fails. Upload Events.

Example

<kendo:fileManager-upload error="handle_error">
</kendo:fileManager-upload>
<script>
    function handle_error(e) {
        // Code to handle the error event.
    }
</script>

pause String

Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events.

Example

<kendo:fileManager-upload pause="handle_pause">
</kendo:fileManager-upload>
<script>
    function handle_pause(e) {
        // Code to handle the pause event.
    }
</script>

progress String

Fires when the data about the progress of the upload is available. Upload Events.

Example

<kendo:fileManager-upload progress="handle_progress">
</kendo:fileManager-upload>
<script>
    function handle_progress(e) {
        // Code to handle the progress event.
    }
</script>

resume String

Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events.

Example

<kendo:fileManager-upload resume="handle_resume">
</kendo:fileManager-upload>
<script>
    function handle_resume(e) {
        // Code to handle the resume event.
    }
</script>

remove String

Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events.

Example

<kendo:fileManager-upload remove="handle_remove">
</kendo:fileManager-upload>
<script>
    function handle_remove(e) {
        // Code to handle the remove event.
    }
</script>

select String

Fires when a file is selected. Upload Events.

Example

<kendo:fileManager-upload select="handle_select">
</kendo:fileManager-upload>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

success String

Fires when an upload or remove operation is completed successfully. Upload Events.

Example

<kendo:fileManager-upload success="handle_success">
</kendo:fileManager-upload>
<script>
    function handle_success(e) {
        // Code to handle the success event.
    }
</script>

upload String

Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events.

Example

<kendo:fileManager-upload upload="handle_upload">
</kendo:fileManager-upload>
<script>
    function handle_upload(e) {
        // Code to handle the upload event.
    }
</script>

Event Tags

kendo:fileManager-upload-cancel

Fires when the upload was cancelled while in progress. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-cancel>
        <script>
            function(e) {
                // Code to handle the cancel event.
            }
        </script>
    </kendo:fileManager-upload-cancel>
</kendo:fileManager-upload>

kendo:fileManager-upload-clear

Fires when the files are cleared by clicking on the Clear button. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-clear>
        <script>
            function(e) {
                // Code to handle the clear event.
            }
        </script>
    </kendo:fileManager-upload-clear>
</kendo:fileManager-upload>

kendo:fileManager-upload-complete

Fires when all active uploads complete—either successfully or with errors. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-complete>
        <script>
            function(e) {
                // Code to handle the complete event.
            }
        </script>
    </kendo:fileManager-upload-complete>
</kendo:fileManager-upload>

kendo:fileManager-upload-error

Fires when an upload or remove operation fails. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-error>
        <script>
            function(e) {
                // Code to handle the error event.
            }
        </script>
    </kendo:fileManager-upload-error>
</kendo:fileManager-upload>

kendo:fileManager-upload-pause

Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-pause>
        <script>
            function(e) {
                // Code to handle the pause event.
            }
        </script>
    </kendo:fileManager-upload-pause>
</kendo:fileManager-upload>

kendo:fileManager-upload-progress

Fires when the data about the progress of the upload is available. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-progress>
        <script>
            function(e) {
                // Code to handle the progress event.
            }
        </script>
    </kendo:fileManager-upload-progress>
</kendo:fileManager-upload>

kendo:fileManager-upload-resume

Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-resume>
        <script>
            function(e) {
                // Code to handle the resume event.
            }
        </script>
    </kendo:fileManager-upload-resume>
</kendo:fileManager-upload>

kendo:fileManager-upload-remove

Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-remove>
        <script>
            function(e) {
                // Code to handle the remove event.
            }
        </script>
    </kendo:fileManager-upload-remove>
</kendo:fileManager-upload>

kendo:fileManager-upload-select

Fires when a file is selected. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-select>
        <script>
            function(e) {
                // Code to handle the select event.
            }
        </script>
    </kendo:fileManager-upload-select>
</kendo:fileManager-upload>

kendo:fileManager-upload-success

Fires when an upload or remove operation is completed successfully. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-success>
        <script>
            function(e) {
                // Code to handle the success event.
            }
        </script>
    </kendo:fileManager-upload-success>
</kendo:fileManager-upload>

kendo:fileManager-upload-upload

Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events.

Example

<kendo:fileManager-upload>
    <kendo:fileManager-upload-upload>
        <script>
            function(e) {
                // Code to handle the upload event.
            }
        </script>
    </kendo:fileManager-upload-upload>
</kendo:fileManager-upload>