提交 5f1a6cdc 作者: 无木

feat(demo): demo default expanded tree table

演示默认展开树形表格数据
上级 02d3dca5
<template> <template>
<div> <div>
<BasicTable @register="registerTable"> <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
<template #toolbar> <template #toolbar>
<a-button type="primary" @click="handleCreate"> 新增菜单 </a-button> <a-button type="primary" @click="handleCreate"> 新增菜单 </a-button>
</template> </template>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent, nextTick } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table'; import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { getMenuList } from '/@/api/demo/system'; import { getMenuList } from '/@/api/demo/system';
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
components: { BasicTable, MenuDrawer, TableAction }, components: { BasicTable, MenuDrawer, TableAction },
setup() { setup() {
const [registerDrawer, { openDrawer }] = useDrawer(); const [registerDrawer, { openDrawer }] = useDrawer();
const [registerTable, { reload }] = useTable({ const [registerTable, { reload, expandAll }] = useTable({
title: '菜单列表', title: '菜单列表',
api: getMenuList, api: getMenuList,
columns, columns,
...@@ -50,6 +50,7 @@ ...@@ -50,6 +50,7 @@
labelWidth: 120, labelWidth: 120,
schemas: searchFormSchema, schemas: searchFormSchema,
}, },
isTreeTable: true,
pagination: false, pagination: false,
striped: false, striped: false,
useSearchForm: true, useSearchForm: true,
...@@ -87,6 +88,11 @@ ...@@ -87,6 +88,11 @@
reload(); reload();
} }
function onFetchSuccess() {
// 演示默认展开所有表项
nextTick(expandAll);
}
return { return {
registerTable, registerTable,
registerDrawer, registerDrawer,
...@@ -94,6 +100,7 @@ ...@@ -94,6 +100,7 @@
handleEdit, handleEdit,
handleDelete, handleDelete,
handleSuccess, handleSuccess,
onFetchSuccess,
}; };
}, },
}); });
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论