www.dextsolution.com
DEXTUPLOAD
X5
Vue.js Reference > DEXTUploadX5(List/Tile/Single/Grid)

# DEXTUploadX5(List/Tile/Single/Grid)

Component

  dextuploadx5-vue 0.0.1 or later

  DEXTUploadX5 is the base component for creating an X5 UI in Vue.js. The package provides DEXTUploadX5List, DEXTUploadX5Grid, DEXTUploadX5Tile, and DEXTUploadX5Single components based on it.

  This component internally calls DX5.create() with the supplied properties and creates or deletes the X5 instance according to the Vue lifecycle.

      <script setup>
      import { DEXTUploadX5List, DEXTUploadX5Grid } from "dextuploadx5-vue";
      </script>

      <template>
        <DEXTUploadX5List id="list1" :style="{ width: '100%', height: '320px' }" />
        <DEXTUploadX5Grid id="grid1" :style="{ width: '100%', height: '320px' }" />
      </template>

  The List, Tile, Single, and Grid components are thin wrappers that pass fixed type values internally.

  When the following properties change, the internal X5 instance is recreated: id, type, progressType, path, waitingTime, lang

  The Grid columns property is meaningful only for the Grid type, and the internal columns are rebuilt when its value changes.

Properties and Events
  - columns
  - hidden
  - id
  - lang
  - path
  - progressType
  - type
  - waitingTime
  - ref
  - Events