ObservableHtml5Connector
Package: | Ext.ux.upload |
Defined In: | Ext.ux.upload.Html5Connector.js |
Class: | Html5Connector |
Extends: | Observable |
Author: | Gary van Woerkens |
Version: | 1.0 |
Config Options | Defined By | |
---|---|---|
allowedFileTypes : String all types of file that can be uploaded
(e.g., "*.png;*.jpg;*.gif").
To allow all types of file to be uploaded use "*.... all types of file that can be uploaded
(e.g., "*.png;*.jpg;*.gif"). To allow all types of file to be uploaded use "*.*". | Html5Connector | |
enableGlobalHighlight : Boolean True to enable highlight drop zone on window over. | Html5Connector | |
enableHighlight : Boolean True to enable highlight of drop zone on Component over. | Html5Connector | |
lang : String The language to display log panel messages (default to "en"). | Html5Connector | |
langs : Object Available languages to load on init with lang. | Html5Connector | |
listeners : Object A config object containing one or more event handlers to be added to this
object during initialization. This should ... A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the addListener example for attaching multiple handlers at once. DOM events from ExtJs Components While some ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this
is usually only done when extra value can be added. For example the DataView's
| Observable | |
maxFileSize : Number Maximum size of a file to upload. | Html5Connector | |
maxFiles : Number Maximum number of files to upload in a row. | Html5Connector | |
url : String The URL where files will be uploaded. | Html5Connector |
Property | Defined By | |
---|---|---|
el : Ext.Element The Ext.Element which handles drag and drop events. | Html5Connector |
Method | Defined By | |
---|---|---|
Html5Connector( Object config )
:
voidCreate a new Html5 connector Create a new Html5 connector Parameters:
| Html5Connector | |
addEvents( Object|String o , string Optional. )
:
voidAdds the specified events to the list of events which this Observable may fire. Adds the specified events to the list of events which this Observable may fire. Parameters:
| Observable | |
addListener( String eventName , Function handler , [Object scope ], [Object options ] )
:
voidAppends an event handler to this object. Appends an event handler to this object. Parameters:
| Observable | |
enableBubble( String/Array events )
:
voidEnables events fired by this Observable to bubble up an owner hierarchy by calling
this.getBubbleTarget() if present.... Enables events fired by this Observable to bubble up an owner hierarchy by calling
This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to access the required target more quickly. Example:
Parameters:
| Observable | |
fireEvent( String eventName , Object... args )
:
BooleanFires the specified event with the passed parameters (minus the event name).
An event may be set to bubble up an Obse... Fires the specified event with the passed parameters (minus the event name). An event may be set to bubble up an Observable parent hierarchy (See Ext.Component.getBubbleTarget) by calling enableBubble. Parameters:
| Observable | |
getAllowedTypesReg( String types )
:
ObjectReturns the RegExp based on allowedFileTypes
to test the file extension. Returns the RegExp based on allowedFileTypes
to test the file extension. Parameters:
| Html5Connector | |
hasListener( String eventName )
:
BooleanChecks to see if this object has any listeners for a specified event Checks to see if this object has any listeners for a specified event Parameters:
| Observable | |
isAllowedFileSize( Number size )
:
BooleanReturns true if file size is smaller than maxFiles. Returns true if file size is smaller than maxFiles. Parameters:
| Html5Connector | |
isAllowedFileType( String name )
:
BooleanReturns true if file type is allowed as
specified in allowedFileTypes. Returns true if file type is allowed as
specified in allowedFileTypes. Parameters:
| Html5Connector | |
on( String eventName , Function handler , [Object scope ], [Object options ] )
:
voidAppends an event handler to this object (shorthand for addListener.) Appends an event handler to this object (shorthand for addListener.) Parameters:
| Observable | |
purgeListeners()
:
void Removes all listeners for this object Removes all listeners for this object Parameters:
| Observable | |
relayEvents( Object o , Array events )
:
voidRelays selected events from the specified Observable as if the events were fired by this. Relays selected events from the specified Observable as if the events were fired by this. Parameters:
| Observable | |
removeListener( String eventName , Function handler , [Object scope ] )
:
voidRemoves an event handler. Removes an event handler. Parameters:
| Observable | |
resumeEvents()
:
void Resume firing events. (see suspendEvents)
If events were suspended using the queueSuspended parameter, then all
event... Resume firing events. (see suspendEvents)
If events were suspended using the queueSuspended parameter, then all
events fired during event suspension will be sent to any listeners now. Parameters:
| Observable | |
suspendEvents( Boolean queueSuspended )
:
voidSuspend the firing of all events. (see resumeEvents) Suspend the firing of all events. (see resumeEvents) Parameters:
| Observable | |
un( String eventName , Function handler , [Object scope ] )
:
voidRemoves an event handler (shorthand for removeListener.) Removes an event handler (shorthand for removeListener.) Parameters:
| Observable | |
uploadFile( Object file )
:
voidChecks allowed file types and file size before upload it whit help
of Ajax request. Checks allowed file types and file size before upload it whit help
of Ajax request. Parameters:
| Html5Connector | |
uploadFiles( Array files )
:
voidChecks number of files to upload (maxFiles)
and loop on each file to upload. Checks number of files to upload (maxFiles)
and loop on each file to upload. Parameters:
| Html5Connector |
Event | Defined By | |
---|---|---|
beforeupload :
( Ext.ux.upload.Html5Connector this , Number selectedFilesCount )
Fires on files drop,
after check of {Ext.ux.upload.Html5Connector#maxFiles maxFiles}. Fires on files drop,
after check of {Ext.ux.upload.Html5Connector#maxFiles maxFiles}. Listeners will be called with the following arguments:
| Html5Connector | |
complete :
( Ext.ux.upload.Html5Connector this , Object file )
Fires when file upload is over Fires when file upload is over Listeners will be called with the following arguments:
| Html5Connector | |
dragstart :
( Ext.ux.upload.Html5Connector this )
Fires when a file is draged over the component's body. Fires when a file is draged over the component's body. Listeners will be called with the following arguments:
| Html5Connector | |
dragstart :
( Ext.ux.upload.Html5Connector this )
Fires when a file is draged over the window's body. Fires when a file is draged over the window's body. Listeners will be called with the following arguments:
| Html5Connector | |
drastop :
( Ext.ux.upload.Html5Connector this )
Fires when a file is draged out the component's body. Fires when a file is draged out the component's body. Listeners will be called with the following arguments:
| Html5Connector | |
drastop :
( Ext.ux.upload.Html5Connector this )
Fires when a file is draged out the window's body. Fires when a file is draged out the window's body. Listeners will be called with the following arguments:
| Html5Connector | |
error :
( Ext.ux.upload.Html5Connector this , Object file , String msg )
Fires on upload error. Fires on upload error. Listeners will be called with the following arguments:
| Html5Connector | |
progress :
( Ext.ux.upload.Html5Connector this , Object file , Number loaded )
Fires when file upload progress Fires when file upload progress Listeners will be called with the following arguments:
| Html5Connector | |
start :
( Ext.ux.upload.Html5Connector this )
Fires on files drop. Fires on files drop. Listeners will be called with the following arguments:
| Html5Connector |