www.dextsolution.com
DEXTUPLOAD
X5
React リファレンス > DEXTUploadX5UI(List/Tile/Single/Grid)

# DEXTUploadX5UI 属性

## columns

- dextuploadx5-react 0.0.1 以降

- 型

  Array

- 説明

  Grid UI で生成する列定義の配列です。

  コンポーネント生成完了後、内部的に既存列を削除し、配列を順に処理して createColumn() を呼び出しながら列を再作成します。

  既定値は空配列です。

  Grid 形式でない場合は使用されません。

- 例

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

## hidden

- dextuploadx5-react 0.0.1 以降

- 型

  Boolean

- 説明

  コンテナ表示可否を制御する属性です。

  値が true の場合、内部コンテナには visibility: hidden、width: 0、height: 0 が適用されます。

  既定値は false です。

  hidden の変更だけでは X5 インスタンスは再生成されません。

## id

- dextuploadx5-react 0.0.1 以降

- 型

  String

- 説明

  X5 インスタンスを識別する id です。

  内部的にはこの値を使ってコンテナ id {id}-container を作成し、DX5.create({ id, parentId }) を呼び出します。

  既定値は dext5 です。

  この値が変わると既存インスタンスを削除し、新しいインスタンスを生成します。

## lang

- dextuploadx5-react 0.0.1 以降

- 型

  String

- 説明

  X5 UI に適用する言語コードです。

  既定値は auto で、製品がブラウザ環境に合わせて言語を選択します。

  たとえば ko、en、ja、zh などを指定できます。

  この値が変わると内部 X5 インスタンスが再生成されます。

## progressType

- dextuploadx5-react 0.0.1 以降

- 型

  String

- 説明

  X5 進行ウィンドウ形式を指定する値です。

  内部的にそのまま DX5.create() オプションとして渡されます。

  既定値は 0 です。

  この値が変わると内部 X5 インスタンスが再生成されます。

## type

- dextuploadx5-react 0.0.1 以降

- 型

  String

- 説明

  生成する X5 UI 形式を指定します。

  許可される値は list、grid、tile、single です。

  この値は DEXTUploadX5UI を直接使う場合のみ指定し、DEXTUploadX5List、DEXTUploadX5Grid、DEXTUploadX5Tile、DEXTUploadX5Single は内部で固定します。

  この値が変わると内部 X5 インスタンスが再生成されます。

## waitingTime

- dextuploadx5-react 0.0.1 以降

- 型

  Number

- 説明

  X5 インスタンス読み込み待機時間をミリ秒単位で指定します。

  内部的には X5 create オプションの loadWaitingTime として渡されます。

  既定値は 10000（10 秒）です。

  この値が変わると内部 X5 インスタンスが再生成されます。

## onCreated

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5Created

- 説明

  コンポーネント生成完了時に呼び出されます。

## onError

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5Error

- 説明

  コンポーネント内部エラー発生時に呼び出されます。

## onBeforeItemsAdd

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5BeforeItemsAdd

- 説明

  項目追加前に呼び出されます。

## onItemAdding

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemAdding

- 説明

  個別項目追加直前に呼び出されます。

## onItemsAdded

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemsAdded

- 説明

  項目追加完了後に呼び出されます。

## onBeforeItemsDelete

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5BeforeItemsDelete

- 説明

  項目削除前に呼び出されます。

## onItemDeleting

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemDeleting

- 説明

  個別項目削除直前に呼び出されます。

## onItemsDeleted

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemsDeleted

- 説明

  項目削除完了後に呼び出されます。

## onItemSelect

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemSelect

- 説明

  項目選択時に呼び出されます。

## onItemCheck

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemCheck

- 説明

  チェック状態変更時に呼び出されます。

## onItemDoubleClick

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ItemDoubleClick

- 説明

  項目ダブルクリック時に呼び出されます。

## onUploadBegin

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5UploadBegin

- 説明

  アップロード開始時に呼び出されます。

## onUploadItemStart

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5UploadItemStart

- 説明

  個別ファイルアップロード開始時に呼び出されます。

## onUploadItemEnd

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5UploadItemEnd

- 説明

  個別ファイルアップロード完了時に呼び出されます。

## onUploadStopped

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5UploadStopped

- 説明

  アップロード強制停止後に呼び出されます。

## onUploadCompleted

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5UploadCompleted

- 説明

  アップロード全体完了時に呼び出されます。

## onDownloadBegin

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DownloadBegin

- 説明

  ダウンロード開始時に呼び出されます。

## onDownloadItemStart

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DownloadItemStart

- 説明

  個別ファイルダウンロード開始時に呼び出されます。

## onDownloadItemEnd

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DownloadItemEnd

- 説明

  個別ファイルダウンロード完了時に呼び出されます。

## onDownloadStopped

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DownloadStopped

- 説明

  ダウンロード強制停止後に呼び出されます。

## onDownloadCompleted

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DownloadCompleted

- 説明

  ダウンロード全体完了時に呼び出されます。

## onPreview

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5Preview

- 説明

  プレビューイベント発生時に呼び出されます。

## onColumnDataBinding

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ColumnDataBinding

- 説明

  Grid 列データバインディング時に呼び出されます。

## onColumnDataDisplaying

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5ColumnDataDisplaying

- 説明

  Grid 列データ表示時に呼び出されます。

## onCompressWaitingBegin

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5CompressWaitingBegin

- 説明

  圧縮待機開始時に呼び出されます。

## onCompressWaitingCompleted

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5CompressWaitingCompleted

- 説明

  圧縮待機完了時に呼び出されます。

## onCompressWaitingStopped

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5CompressWaitingStopped

- 説明

  圧縮待機停止時に呼び出されます。

## onDragAndDrop

- dextuploadx5-react 0.0.1 以降

- 型

  Function

- 接続イベント

  onDX5DragAndDrop

- 説明

  ドラッグ＆ドロップ動作時に呼び出されます。