【Axure高保真原型】能增删改的树形表格

今天和大家分享能增删改的树形表格的原型模板,包括展开、折叠、增加、修改、删除表格内容,那这个原型模板是通过中继器制作的,所以使用简单,只需要填写中继器表格,即可自动生成对应的树形表格。这个模板最高支持6级树形表格,具体效果可以观看下方视频或者打开预览地址体验

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1\&p=树形表格_增删改

【原型效果】

【Axure高保真原型】能增删改的树形表格

以下是部分效果

1、展开收起效果

点击可以切换展开或者收起子节点

2、修改节点效果

点击修改按钮按钮后显示修改弹窗,修改完成确定后就可以在表格里看到修改后的数据

3、添加同级节点效果

点击添加同级节点按钮后显示添加弹窗,填写完成确定后就可以在表格里新增对应内容

4、添加子级节点效果

点击添加子节点按钮后显示添加弹窗,填写完成确定后就可以在表格里新增对应子节点内容

5、删除节点效果

点击删除按钮,会弹出确认删除弹出,确认后删除选中节点及其子节点

6、删除后新增按钮

如果删除了表格里所有数据,就会显示一个添加新节点的按钮,点击后显示添加弹窗,填写完成确定后就可以在表格里新增对应内容

相关推荐
Autumn_ing3 小时前
AI Skills 怎么用于原型设计?把需求澄清、页面生成和测试接起来
产品经理·墨刀·skill·墨刀ai客户端·ai原型·原型skill·设计skill
沫璃染墨6 小时前
从零入门计算机网络系列(十二):HTTP长连接与会话管理详解——从Connection到Cookie与Session
linux·服务器·c++·tcp/ip·ubuntu·http·交互
車瑜9117 小时前
PM-Skills42个链式工作流-数据分析
开源·产品经理·pm·pm-skills
akinggw13 小时前
libsherpacore - 基于 sherpa-onnx 的 C++ 语音交互静态库
c++·交互·语音识别
axe_hu14 小时前
AI产品经理的职业规划与学习路径
人工智能·职场和发展·产品经理·学习方法
领麦微红外3 天前
红外测温传感器 赋能充电桩热安全与运维智能化
运维·安全·产品经理·智能硬件
熊猫钓鱼>_>4 天前
碰一碰无网近场文件快传与断点续传【鸿蒙心迹】
华为·交互·harmonyos·arkts·鸿蒙·openharmony·鸿蒙心迹
一木 之林4 天前
Dify学习笔记 03 · RAG检索增强生成:三代范式、评估与落地(第40-45、55-56集)
笔记·小程序·交互·dify
我命由我123454 天前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
进度猫5 天前
甘特图、看板、里程碑到底怎么选?
项目管理·产品经理·甘特图·项目管理软件