当前位置: 首页 > news >正文

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

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

【原型预览含下载地址】

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

【原型效果】

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

以下是部分效果

1、展开收起效果

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

图片

2、修改节点效果

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

图片

3、添加同级节点效果

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

图片

4、添加子级节点效果

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

图片

5、删除节点效果

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

图片

6、删除后新增按钮

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

图片

http://www.lryc.cn/news/259337.html

相关文章:

  • 前端打包工具之Webpack5
  • linux设置环境变量
  • vue中对pdf文件和路径的处理
  • Socks5与代理IP技术探析:构建安全高效的网络通信
  • 【lesson13】MySQL表的基本操作之create(创建),update(更新)和replace(替换)
  • SQL进阶 | HAVING子句
  • 【Marp】基于Markdown-Marp快速制作PPT
  • 微服务项目部署
  • vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置
  • 【rabbitMQ】模拟work queue,实现单个队列绑定多个消费者
  • pdf转png的两种方法
  • 【起草】1-2 讨论 ChatGPT 在自然语言处理领域的重要性和应用价值
  • Mapreduce小试牛刀(1)
  • 二百一十七、Flume——Flume拓扑结构之聚合的开发案例(亲测,附截图)
  • vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选
  • 在WPF窗口中增加水印效果
  • wget下载到一半断了,重连方法
  • Docker笔记:docker compose部署项目, 常用命令与负载均衡
  • Java单元测试:JUnit和Mockito的使用指南
  • 缓存雪崩问题与应对策略
  • python编程需要的电脑配置,python编程用什么电脑
  • 目标检测YOLO实战应用案例100讲-基于深度学习的跌倒检测(续)
  • 05-命令模式
  • Docker安全及日志管理
  • 【LeetCode每日一题】152. 乘积最大子数组
  • Python 反射
  • HTML基本网页制作
  • Tcl语言语法精炼总结
  • [GPT]Andrej Karpathy微软Build大会GPT演讲(下)--该如何使用GPT助手
  • 路由器静态路由的配置