Vue FileManager - itemView
NOTE
Set the itemView.mode property to details to configure columns in the UI component.
App.vue
- <template>
- <DxFileManager>
- <DxItemView
- mode="thumbnails"
- :show-folders="false"
- :show-parent-folder="false"
- >
- </DxItemView>
- </DxFileManager>
- </template>
- <script>
- import 'devextreme/dist/css/dx.light.css';
- import {
- DxFileManager,
- DxItemView
- } from 'devextreme-vue/file-manager';
- export default {
- components: {
- DxFileManager,
- DxItemView
- },
- data() {
- return {
- //...
- };
- }
- };
- </script>
details
Selector: DxDetails
Type:
App.vue
- <template>
- <DxFileManager>
- <DxItemView>
- <DxDetails>
- <DxColumn data-field="thumbnail"/>
- <DxColumn data-field="name"/>
- <!-- ... -->
- </DxDetails>
- </DxItemView>
- </DxFileManager>
- </template>
- <script>
- import 'devextreme/dist/css/dx.light.css';
- import {
- DxFileManager,
- DxItemView,
- DxDetails,
- DxColumn
- } from 'devextreme-vue/file-manager';
- export default {
- components: {
- DxFileManager,
- DxItemView,
- DxDetails,
- DxColumn
- },
- data() {
- return {
- //...
- };
- }
- };
- </script>
showFolders
Specifies whether to display folders in the view. When this property is false, folders are displayed in the navigation pane only.
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.