cpr.controls.FileInput

FileInput A control that allows the user to select a file. You can use the accept attribute to define the file types that the control can select.

Hierarchy

Index

Events

Event	Description
animationend	Event that occurs after the animation ends.
animationstart	Event that occurs at the start of the animation.
before-context-value-change	Use a bind context in a control that has a bind context An event that occurs before the value changes.
before-value-change	An event that occurs before the changed value of the FileInput is saved.
blur	An event that occurs after the control loses focus.
clear	Event that occurs when the value is cleared by clicking the clear button of FileInput
click	An event that occurs when the user clicks the control.
context-value-change	Use a bind context in a control that has a bind context An event that occurs after the value changes.
contextmenu	When the right mouse button is clicked or the context menu key is pressed, Event called.
dblclick	An event that occurs when the user double-clicks the control.
dispose	The event that is called when the control is dispose.
focus	The event that occurs after the control gains focus.
keydown	Event raised when the user presses a key.
keyup	Event that occurs when the user releases the key.
measure-size	Event raised when calculating control size
mousedown	When the user presses the mouse button with the pointer over the control Occurs when an event occurs.
mouseenter	An event that occurs when the mouse pointer enters the control.
mouseleave	If the user moves the mouse pointer beyond the control and its children Events that occur when moving.
mousemove	This event is raised when the user moves the pointer over the control.
mouseup	The user releases the mouse button while over the control.
transitionend	Event that fires after CSS property transition ends.
transitionstart	Event that fires when CSS property transition starts.
value-change	An event that occurs after the changed value of the FileInput value is stored.

Properties

Name	Type	Description
acceptFile	String	Returns the file extension to be displayed in the open file window.
accessKey	String	Returns the keyboard shortcut character.
accessbility	Accessbility	Gets the accessibility-related ARIA properties or gets the context in which they can be specified.
buttonFocusable	Boolean	Returns the set value to focus on the button.
clearButtonImage	String	clear button Returns the image.
delimiter	String	Returns the delimiter when specifying or retrieving multiple selected values.
disposed	Boolean	Returns whether the control should be removed.
droppableFile	Boolean	Returns whether the file can be selected through the drop event.
editable	Boolean	Returns whether the value can be changed by user action.
enabled	Boolean	Returns whether the control is enabled.
fieldLabel	String	Returns the logical field name of the control.
file	File	Returns the selected file.
files	File[]	Returns the selected files as an array.
focusable	Boolean	Returns whether the control is focusable.
focused	Boolean	Returns whether the control has focus.
id	String	Returns the ID of the control.
limitFileSize	String	Returns the maximum data size of the files that can be selected.
limitFileSizeUnit	String	Returns the unit to limit the maximum size of files that can be selected.
multiple	Boolean	Returns whether the item is multi-selected.
name	String	Returns the name of the control.
placeholder	String	Returns the text that is displayed before the file is selected.
readOnly	Boolean	Returns whether a non-modifiable read-only mode is in effect.
showClearButton	Boolean	Returns whether the clear button is displayed
style	FileInput$Styler	Returns the style settings of the control.
tabIndex	Number	Returns the control focus sequence using the Tab Key.
tooltip	String	Returns a description of the control
type	ControlType	Returns the signature string of the Control's unique Type that can distinguish the Control.
uuid	String	Returns the unique ID of the control.
value	String	Returns the value of the control.
values	String[]	Returns an array of values stored in the control when multiple selections are made.
visible	Boolean	Returns the style property for controlling css visibility.

Methods

Name	Return Type	Description
addEventListener		Add listeners by EventType to the control.
addEventListenerOnce	(e: cpr.events.CEvent)=>Void	Add a listener to the control that will run only once per EventType.
bind	IBindFactory	Bind that property.
blur		Removes focus from the control.
clear		Raises the Clear event.
confirmEvent	Boolean	Determines whether to run the Control's Default Event Handler depending on the state of the Control.
dispatchEvent	Boolean	Forwards specific events.
dispose		Removes the objects contained in the control.
findParent	UIControl	Find the parent control.
focus		Assigns focus to the control.
focusNext		Moves focus to the next control.
focusPrevious		Moves focus to the previous control.
getActualRect	Rectangle	Gets the bounds value of the control relative to the browser's view port.
getAppInstance	AppInstance	Returns the App to which the control belongs.
getBindContext	BindContext	Returns the bind context.
getBindInfo	BindInfo	Returns the bind property information for the control.
getHtmlAttrNames	String[]	Returns all custom DOM DATA attribute names.
getNextControl	UIControl	Returns the control to be moved by Tab Key or by the autoskip property.
getOffsetRect	Rectangle	The area being displayed is obtained based on the parent container to which it belongs.
getParent	Container	Gets the parent control.
getPrevControl	UIControl	Shift + Tab Returns the focus to be moved through the key.
getUserAttrNames	String[]	Returns all custom attribute names.
getVisualParentControl	UIControl	Gets the closest parent UI control.
htmlAttr		Specifies custom DOM properties.
isAvailableBinding	Boolean	Returns whether the queried property is bindable and the binding has been configured to obtain a valid value.
isBindable	Boolean	Make sure it is a bindable property.
isFloated	Boolean	Returns whether the control is floating through an app instance or a specific container.
isShowing	Boolean	Returns the status that the screen is showing.
openFileChooser		Open the file open box.
putValue		Sets the value of the control.
putValues		Sets the array of values stored in the control when multiple selection is made.
redraw		Redraw the control.
removeAllEventListeners		Removes all event listeners for the control.
removeAllHtmlAttr		Delete all custom DOM DATA attributes.
removeAllUserAttr		Delete all custom attributes.
removeEventListener		Remove Listener for each EventType in the control.
removeEventListeners		Remove all EventType listeners from the control.
removeHtmlAttr		Removes the user-defined DOM DATA attribute for a specific attribute name.
removeUserAttr		Removes user-defined attributes for a specific attribute name.
send		Upload the file.
setBindContext		Sets the bind context.
setNextControl		Sets the control to be moved by Tab Key or by the autoskip property.
setPrevControl		Shift + Tab Set the focus to be moved through the key.
unbind		Unbind that property.
userAttr		Specifies custom properties.
userData		Specifies custom data.
userattr	Object	Returns a user-defined property.

Constructor

FileInput(id)

Create a file input.

Parameters

name	type		description
idoptional	String		id of file input

Events

animationend

CAnimationEvent Event that occurs after the animation ends.

animationstart

CAnimationEvent Event that occurs at the start of the animation.

before-context-value-change

CValueChangeEvent Use a bind context in a control that has a bind context An event that occurs before the value changes.

before-value-change

CValueChangeEvent An event that occurs before the changed value of the FileInput is saved. The following event causes a value-change. The following value-chage behavior can be prevented with preventDefault:

 oldValue: {string} Old Value 
 newValue: {string} Value to be changed

blur

CFocusEvent An event that occurs after the control loses focus.

clear

CMouseEvent Event that occurs when the value is cleared by clicking the clear button of FileInput

click

CMouseEvent An event that occurs when the user clicks the control.

context-value-change

CValueChangeEvent Use a bind context in a control that has a bind context An event that occurs after the value changes.

contextmenu

CMouseEvent When the right mouse button is clicked or the context menu key is pressed, Event called.

dblclick

CMouseEvent An event that occurs when the user double-clicks the control.

dispose

CEvent The event that is called when the control is dispose.

focus

CFocusEvent The event that occurs after the control gains focus.

keydown

CKeyboardEvent Event raised when the user presses a key. Keycode related constants can be referenced at KeyCode.

keyup

CKeyboardEvent Event that occurs when the user releases the key. Keycode related constants can be referenced at KeyCode.

measure-size

CMeasureSizeEvent Event raised when calculating control size

mousedown

CMouseEvent When the user presses the mouse button with the pointer over the control Occurs when an event occurs.

mouseenter

CMouseEvent An event that occurs when the mouse pointer enters the control.

mouseleave

CMouseEvent If the user moves the mouse pointer beyond the control and its children Events that occur when moving.

mousemove

CMouseEvent This event is raised when the user moves the pointer over the control.

mouseup

CMouseEvent The user releases the mouse button while over the control. When an event occurs.

transitionend

CTransitionEvent Event that fires after CSS property transition ends.

transitionstart

CTransitionEvent Event that fires when CSS property transition starts.

value-change

CValueChangeEvent An event that occurs after the changed value of the FileInput value is stored.

 oldValue: {string} Old Value 
 newValue: {string} changed value

Properties

acceptFile

type	String
get	Returns the file extension to be displayed in the open file window.
set	Set the file extension to display in the file open window. It is identical to the accept format in HTML5.

accessKey

declaring type	AccessableUIControl
type	String
get	Returns the keyboard shortcut character.
set	Keyboard shortcut Sets a single character (letter or number). The shortcut key is [alt] + [shortcut key] for Windows or [option] + [shortcut key] for Mac.

accessbility

declaring type	UIControl
type	Accessbility
readonly	Gets the accessibility-related ARIA properties or gets the context in which they can be specified.

buttonFocusable

type	Boolean
get	Returns the set value to focus on the button.
set	Sets the focus to the button.

clearButtonImage

type	String
get	clear button Returns the image.
set	clear button Set the image.

delimiter

type	String
get	Returns the delimiter when specifying or retrieving multiple selected values.
set	Sets the delimiter when specifying or importing multiple selected values.

disposed

declaring type	Control
type	Boolean
readonly	Returns whether the control should be removed.

droppableFile

type	Boolean
get	Returns whether the file can be selected through the drop event.
set	Sets whether a file can be selected via the drop event.

editable

declaring type	UIControl
type	Boolean
readonly	Returns whether the value can be changed by user action. UIControl (Output, etc.) that does not allow input returns false. In the case of an inputtable UIControl, returns true if the binding context in which the value is bound is valid. Otherwise, it returns false even if it is an inputtable UIControl. Accordion/Button/Group/Dialog/EmbeddedApp/EmbeddedPage/Grid/HTMLObject/Image/MDIFolder/Menu/ NavigationBar/Notifier/Output/Progress/TabFolder/Shell/FileUpload In the case of the above control, editable is always false.

enabled

declaring type	EnableUIControl
type	Boolean
get	Returns whether the control is enabled.
set	Sets whether to activate the control.

fieldLabel

declaring type	UIControl
type	String
get	Returns the logical field name of the control.
set	Sets the logical field name of the control.

file

type	File
get	Returns the selected file. Multiple selected files return the first.
set	Select the file.

files

type	File[]
get	Returns the selected files as an array.
set	Assign multiple selected files as an array.

focusable

declaring type	UIControl
type	Boolean
readonly	Returns whether the control is focusable.

focused

declaring type	UIControl
type	Boolean
readonly	Returns whether the control has focus.

declaring type	Control
type	String
readonly	Returns the ID of the control.

limitFileSize

type	String
get	Returns the maximum data size of the files that can be selected.
set	Limits the maximum data size of files that can be selected.

limitFileSizeUnit

type	String
get	Returns the unit to limit the maximum size of files that can be selected. The default value is kb.
set	Set the unit to limit the maximum size of files that can be selected.

multiple

type	Boolean
get	Returns whether the item is multi-selected.
set	Sets whether to select multiple items.

name

declaring type	UIControl
type	String
get	Returns the name of the control.
set	Sets the name of the control.

placeholder

type	String
get	Returns the text that is displayed before the file is selected.
set	Sets the text displayed before selecting a file.

readOnly

declaring type	EnableUIControl
type	Boolean
get	Returns whether a non-modifiable read-only mode is in effect.
set	Sets whether to enable read-only mode, which can not be modified.

showClearButton

type	Boolean
get	Returns whether the clear button is displayed
set	Sets whether to display the clear button.

style

type	FileInput$Styler
readonly	Returns the style settings of the control. In case of style changes, only the corresponding control is updated. Propagation from style changes does not occur.

tabIndex

declaring type	AccessableUIControl
type	Number
get	Returns the control focus sequence using the Tab Key. This property controls the tabindex in HTML.
set	Set the control focus order using Tab Key. This property controls the tabindex in HTML.

tooltip

declaring type	VisibleUIControl
type	String
get	Returns a description of the control It works when mouse over.
set	Set a description for the control. It works when mouse over.

type

declaring type	Control
type	ControlType
readonly	Returns the signature string of the Control's unique Type that can distinguish the Control. Please refer to ControlType for available constant values. For UDC controls, each unique type name is returned. Example: udc.MyUDC

uuid

declaring type	Control
type	String
readonly	Returns the unique ID of the control.

value

type	String
get	Returns the value of the control.
set	The value of the control is set, and a value-change event is raised.

values

type	String[]
get	Returns an array of values stored in the control when multiple selections are made.
set	Sets the array of values stored in the control when multiple selection is made.

visible

declaring type	VisibleUIControl
type	Boolean
get	Returns the style property for controlling css visibility.
set	Sets the style property to control css visibility.

Methods

addEventListener(type, listener)

declaring typeUIControl

Add listeners by EventType to the control.
Add a listener to the control to handle when a specific event occurs.

var button = new cpr.controls.Button("btn01");
button.addEventListener("click", function(e) {
// event code...
});

Parameters

name	type		description
type	String
listener	(e: cpr.events.CEvent)=>Void

addEventListenerOnce(type, listener)

declaring typeUIControl

Add a listener to the control that will run only once per EventType.
Add a listener to the control to handle when a specific event occurs. The added listener is automatically deleted after running once. Since the object of the added listener is changed, when the listener is deleted It is an object returned after calling addEventListenerOnce and can be deleted.

var button = new cpr.controls.Button("btn01");
button.addEventListenerOnce("click", function(e) {
// event code...
});

Parameters

name	type		description
type	String
listener	(e: cpr.events.CEvent)=>Void

return	(e: cpr.events.CEvent)=>Void	The modified Listener object.

bind(name)

declaring typeUIControl

Bind that property.

Parameters

name	type		description
name	String

return	IBindFactory	Factory showing bind type.

blur()

declaring typeUIControl

Removes focus from the control.

clear()

Raises the Clear event.
Executes the function of eventlistener corresponding to the clear event.

confirmEvent(e)

declaring typeUIControl

Determines whether to run the Control's Default Event Handler depending on the state of the Control.

Parameters

name	type		description
e	CEvent		event

return	Boolean	Whether the control's event handler is running.

dispatchEvent(e)

declaring typeUIControl

Forwards specific events.

Parameters

name	type		description
e	CEvent

return	Boolean	Whether to continue processing the default action after propagating the event.

dispose()

declaring typeUIControl

Removes the objects contained in the control.

findParent(predicate, includeSelf)

declaring typeUIControl

Find the parent control.
If includeSelf is true, the parent including the self is found.

Parameters

name	type		description
predicate	(c: cpr.controls.UIControl)=>Boolean
includeSelfoptional	Boolean	default`false`	Whether you include yourself.

return	UIControl	Parental control.

focus(forward)

Assigns focus to the control.

Parameters

name	type		description
forwardoptional	Boolean	default`true`

focusNext()

declaring typeUIControl

Moves focus to the next control. If there are multiple structural elements that have focus inside a control, focus may transition to the next element.

focusPrevious()

declaring typeUIControl

Moves focus to the previous control. If there are multiple structural elements that have focus inside a control, focus may transfer to the previous element.

getActualRect()

declaring typeUIControl

Gets the bounds value of the control relative to the browser's view port. If the control is not drawn on the screen, an object with all values of 0 is returned.

return	Rectangle	About the position and size of controls in the HTML DOM

getActualRect(includeWrap)

declaring typeUIControl

Gets the bounds value of the control relative to the browser's view port. If the control is not drawn on the screen, an object with all values of 0 is returned.

Parameters

name	type		description
includeWrap	Boolean		If this value is true, the layout of the parent group gets the area of the node surrounding this control. If false, only get the area of the control node.

return	Rectangle	About the position and size of controls in the HTML DOM

getActualRect(options)

declaring typeUIControl

Gets the bounds value of the control relative to the browser's view port. If the control is not drawn on the screen, an object with all values 0 is returned.

Parameters

name	type		description
options	{ includeWrap?: Boolean, scaled?: Boolean }

return	Rectangle

getAppInstance()

declaring typeUIControl

Returns the App to which the control belongs.

return	AppInstance	App that belongs

getBindContext()

declaring typeUIControl

Returns the bind context.

return	BindContext	bind context

getBindInfo(name)

declaring typeUIControl

Returns the bind property information for the control.

Parameters

name	type		description
name	String

return	BindInfo	BindInfo Properties

getHtmlAttrNames()

declaring typeUIControl

Returns all custom DOM DATA attribute names.

return	String[]	An array of all custom DOM DATA attribute names.

getNextControl()

declaring typeUIControl

Returns the control to be moved by Tab Key or by the autoskip property.

return	UIControl	control.

getOffsetRect(includeWrap)

declaring typeUIControl

The area being displayed is obtained based on the parent container to which it belongs.

Parameters

name	type		description
includeWrapoptional	Boolean	default`false`	If this value is true, the layout of the parent group gets the area of the node surrounding this control. If false, only get the area of the control node.

return	Rectangle

getParent()

declaring typeUIControl

Gets the parent control.

return	Container	Parental control.

getPrevControl()

declaring typeUIControl

Shift + Tab Returns the focus to be moved through the key.

return	UIControl	control.

getUserAttrNames()

declaring typeControl

Returns all custom attribute names.

return	String[]	An array of all custom attribute names.

getVisualParentControl()

declaring typeUIControl

Gets the closest parent UI control. Unlike getParent(), it finds nearby parent controls, including external apps.

return	UIControl

htmlAttr(key, value)

declaring typeUIControl

Specifies custom DOM properties.

Parameters

name	type		description
key	String		The attribute name to assign
value	String		The attribute value to specify.

htmlAttr(key)

declaring typeUIControl

Returns a custom DOM property.

Parameters

name	type		description
key	String		The attribute name to get.

return	String	Custom properties.

htmlAttr(values)

declaring typeUIControl

Specify multiple custom DOM properties at once.

Parameters

name	type		description
values	{[key:string]: String}		A JSON object containing custom attribute keys/values.

htmlAttr()

declaring typeUIControl

Get all custom DOM properties in the form of a map.

return	{[key:string]: String}

isAvailableBinding(name)

declaring typeUIControl

Returns whether the queried property is bindable and the binding has been configured to obtain a valid value. Even if no binding is configured and a simple value is specified, it is treated as configured so that a valid value is obtained. For example, binding to a row index that does not exist in the DataSet is an invalid binding.

Parameters

name	type		description
name	String

return	Boolean

isBindable(name)

declaring typeUIControl

Make sure it is a bindable property.

Parameters

name	type		description
name	String

return	Boolean	Confirmation.

isFloated()

declaring typeUIControl

Returns whether the control is floating through an app instance or a specific container.

return	Boolean

isShowing()

declaring typeUIControl

Returns the status that the screen is showing. Returns false if the visible state of all parents including itself is false.

return	Boolean

openFileChooser()

Open the file open box.

putValue(value)

Sets the value of the control.

Parameters

name	type		description
value	String		The value of the control.

putValues(values)

Sets the array of values stored in the control when multiple selection is made.

Parameters

name	type		description
values	String[]		An array of values to be stored in the control.

redraw()

declaring typeUIControl

Redraw the control.

removeAllEventListeners()

declaring typeControl

Removes all event listeners for the control.

removeAllHtmlAttr()

declaring typeUIControl

Delete all custom DOM DATA attributes.

removeAllUserAttr()

declaring typeControl

Delete all custom attributes.

removeEventListener(type, listener)

declaring typeControl

Remove Listener for each EventType in the control.

control.removeEventListener ('click', listener);


      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              type
              
              String
              Event type.
            
            
              listener
              
              (e: cpr.events.CEvent)=>Void
              Event listeners.


    
      removeEventListeners(type)
      declaring typeControl
      
      Remove all EventType listeners from the control. 

control.removeEventListeners ('click');  

      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              type
              
              String
              Event type.
            
          
        
      
    

    
      removeHtmlAttr(key)
      declaring typeUIControl
      
      Removes the user-defined DOM DATA attribute for a specific attribute name.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The custom DOM DATA attribute name to remove.
            
          
        
      
    

    
      removeUserAttr(key)
      declaring typeControl
      
      Removes user-defined attributes for a specific attribute name.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The custom attribute name to remove.
            
          
        
      
    

    
      send(submission)
      Upload the file.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              submission
              
              Submission
              Submission required for file upload.
            
          
        
      
    

    
      setBindContext(context)
      declaring typeUIControl
      
      Sets the bind context.
container.setBindContext({dataControl:grid.dataSet,rowIndex:rowIndex})
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              context
              
              BindContext
              bind context
            
          
        
      
    

    
      setNextControl(nextControl)
      declaring typeUIControl
      
      Sets the control to be moved by Tab Key or by the autoskip property.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              nextControl
              
              UIControl
              control.
            
          
        
      
    

    
      setPrevControl(prevControl)
      declaring typeUIControl
      
      Shift + Tab Set the focus to be moved through the key.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              prevControl
              
              UIControl
              control.
            
          
        
      
    

    
      unbind(name)
      declaring typeUIControl
      
      Unbind that property.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              name
              
              String
              
            
          
        
      
    

    
      userAttr(key, value)
      declaring typeControl
      
      Specifies custom properties.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The attribute name to assign
            
            
              value
              
              String
              The attribute value to specify.
            
          
        
      
    

    
      userAttr(key)
      declaring typeControl
      
      Returns a user-defined property.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The attribute name to get.
            
          
        
      
      
        
          
            return
            
            String
            Custom properties.
          
        
      
    

    
      userAttr(values)
      declaring typeControl
      
      Specify multiple custom properties at once.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              values
              
              {[key:string]: String}
              A JSON object containing custom attribute keys/values.
            
          
        
      
    

    
      userAttr()
      declaring typeControl
      
      Get all custom properties in the form of a map.
      
        
          
            return
            
            {[key:string]: String}
            
          
        
      
    

    
      userData(key, value)
      declaring typeControl
      
      Specifies custom data. Unlike user-defined attributes, you can use arbitrary types in addition to strings.
When the control is dispose, all custom data is removed.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The key of the data to be specified.
            
            
              value
              
              Object
              Data to specify.
            
          
        
      
    

    
      userData(key)
      declaring typeControl
      
      get custom data
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              key
              
              String
              The key of the data to get.
            
          
        
      
      
        
          
            return
            
            Object
            
          
        
      
    

    
      userData(override)
      declaring typeControl
      
      Specifies multiple user-defined data.
      
        Parameters
        
          
            
              name
              type
              description
            
          
          
            
              override
              
              {[key:string]: Object}
              A JSON object containing user-defined data.
            
          
        
      
    

    
      userData()
      declaring typeControl
      
      Get all your custom data.
      
        
          
            return
            
            {[key:string]: Object}
            
          
        
      
    

    
      userattr()
      declaring typeControl
      
      deprecatedPlease use userAttr.
      
      Returns a user-defined property.
      
        
          
            return
            
            Object
            Custom properties.

name	type		description
type	String		Event type.
listener	(e: cpr.events.CEvent)=>Void		Event listeners.

name	type		description
key	String		The key of the data to be specified.
value	Object		Data to specify.