www.dextsolution.com
DEXTUPLOAD
X5
React Reference > DEXTUploadX5UI(List/Tile/Single/Grid)

# DEXTUploadX5UI Properties

## columns

- dextuploadx5-react 0.0.1 or later

- Type

  Array

- Description

  An array of column definitions to create in Grid UI.

  After the component is created, existing columns are cleared internally and createColumn() is called for each array item to rebuild the columns.

  The default value is an empty array.

  This prop is ignored when the type is not Grid.

- Example

      <DEXTUploadX5Grid
        id="grid1"
        columns={[
          { key: "grade", display: "Grade", width: 40, position: 2 },
          { key: "movie", display: "Movie", width: 80, position: 3 }
        ]}
      />

## hidden

- dextuploadx5-react 0.0.1 or later

- Type

  Boolean

- Description

  A prop that controls container visibility.

  When true, the internal container is rendered with visibility: hidden, width: 0, and height: 0.

  The default value is false.

  Changing hidden alone does not recreate the X5 instance.

## id

- dextuploadx5-react 0.0.1 or later

- Type

  String

- Description

  The identifier of the X5 instance.

  Internally, this value is used to build the container id {id}-container and call DX5.create({ id, parentId }).

  The default value is dext5.

  When this value changes, the previous instance is deleted and a new instance is created.

## lang

- dextuploadx5-react 0.0.1 or later

- Type

  String

- Description

  The language code applied to the X5 UI.

  The default value is auto, allowing the product to choose the language based on the browser environment.

  For example, ko, en, ja, and zh can be used.

  Changing this value recreates the internal X5 instance.

## progressType

- dextuploadx5-react 0.0.1 or later

- Type

  String

- Description

  A value that specifies the X5 progress window type.

  It is passed directly to the internal DX5.create() option.

  The default value is 0.

  Changing this value recreates the internal X5 instance.

## type

- dextuploadx5-react 0.0.1 or later

- Type

  String

- Description

  Specifies the X5 UI type to create.

  Allowed values are list, grid, tile, and single.

  This value is used only when DEXTUploadX5UI is used directly. DEXTUploadX5List, DEXTUploadX5Grid, DEXTUploadX5Tile, and DEXTUploadX5Single fix this value internally.

  Changing this value recreates the internal X5 instance.

## waitingTime

- dextuploadx5-react 0.0.1 or later

- Type

  Number

- Description

  Specifies how long to wait for loading the X5 instance in milliseconds.

  Internally, it is passed to the X5 create option as loadWaitingTime.

  The default value is 10000 (10 seconds).

  Changing this value recreates the internal X5 instance.

## onCreated

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5Created

- Description

  Called when component creation is completed.

## onError

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5Error

- Description

  Called when an internal component error occurs.

## onBeforeItemsAdd

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5BeforeItemsAdd

- Description

  Called before items are added.

## onItemAdding

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemAdding

- Description

  Called right before an individual item is added.

## onItemsAdded

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemsAdded

- Description

  Called after items are added.

## onBeforeItemsDelete

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5BeforeItemsDelete

- Description

  Called before items are deleted.

## onItemDeleting

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemDeleting

- Description

  Called right before an individual item is deleted.

## onItemsDeleted

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemsDeleted

- Description

  Called after items are deleted.

## onItemSelect

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemSelect

- Description

  Called when an item is selected.

## onItemCheck

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemCheck

- Description

  Called when the checked state changes.

## onItemDoubleClick

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ItemDoubleClick

- Description

  Called when an item is double-clicked.

## onUploadBegin

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5UploadBegin

- Description

  Called when upload starts.

## onUploadItemStart

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5UploadItemStart

- Description

  Called when upload of an individual file starts.

## onUploadItemEnd

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5UploadItemEnd

- Description

  Called when upload of an individual file is completed.

## onUploadStopped

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5UploadStopped

- Description

  Called after upload is forcibly stopped.

## onUploadCompleted

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5UploadCompleted

- Description

  Called when the entire upload is completed.

## onDownloadBegin

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DownloadBegin

- Description

  Called when download starts.

## onDownloadItemStart

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DownloadItemStart

- Description

  Called when download of an individual file starts.

## onDownloadItemEnd

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DownloadItemEnd

- Description

  Called when download of an individual file is completed.

## onDownloadStopped

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DownloadStopped

- Description

  Called after download is forcibly stopped.

## onDownloadCompleted

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DownloadCompleted

- Description

  Called when the entire download is completed.

## onPreview

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5Preview

- Description

  Called when a preview event occurs.

## onColumnDataBinding

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ColumnDataBinding

- Description

  Called when Grid column data is bound.

## onColumnDataDisplaying

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5ColumnDataDisplaying

- Description

  Called when Grid column data is displayed.

## onCompressWaitingBegin

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5CompressWaitingBegin

- Description

  Called when compress waiting begins.

## onCompressWaitingCompleted

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5CompressWaitingCompleted

- Description

  Called when compress waiting is completed.

## onCompressWaitingStopped

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5CompressWaitingStopped

- Description

  Called when compress waiting is stopped.

## onDragAndDrop

- dextuploadx5-react 0.0.1 or later

- Type

  Function

- Linked Event

  onDX5DragAndDrop

- Description

  Called when drag-and-drop action occurs.