www.dextsolution.com
DEXTUPLOAD
X5
menu toggleReact 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.

Copyright ⓒ DEXTSolution Inc. All rights reserved