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

2023-12-13 23:29:46

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

【原型预览含下载地址】

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

【原型效果】

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

以下是部分效果

1、展开收起效果

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

图片

2、修改节点效果

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

图片

3、添加同级节点效果

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

图片

4、添加子级节点效果

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

图片

5、删除节点效果

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

图片

6、删除后新增按钮

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

图片

文章来源:https://blog.csdn.net/mushe93/article/details/134983056
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。