antd +dva实现动态获取树形数据表格

本文介绍如何利用antd和dva实现实现动态加载的树形数据表格。通过两个接口分别获取父数据和子数据,利用antd表格的特性展示+号,并在点击+号时异步加载子数据并插入到对应位置。详细步骤包括获取父数据、处理子数据加载、以及在组件更新时插入数据。
摘要由CSDN通过智能技术生成

最近在做项目的时候遇到了需要运用树形表格。应为不是做Demo,所以是需要做成动态获取的,antd的模板列子

实现的效果图:

注意:我们使用的是两个不同的接口实现的动态树形数据的表格

实现的思路

1,第一个接口只负责获取表格的父数据,也就是只获取 市场部,财务部,产品部的数据。

2,需要和后台商议好,如果父数据有子列表,那么就需要在给父数据的时候返回一个空数组,有这个空的数组才能实现表格前部的+号

在antd的这种表格里,只有当subList是一个数组的时候,才会显示为+号。antd的默认是children,可以通过childrenColumnName="subList"修改。

3,经过上面的操作,到这里页面上显示就和上面的图一样了,然后我们需

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zeng__Y1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值