Axure自带的树结构不满足增删改查、勾选等交互。
所以在我们设计过程中，随时会涉及到使用可以增删改查、勾选的树形结构。
今天给大家说一下用中继器实现树形结构的思路。
- 首先拉一个中继器，拖入以下元件
一个箭头，复选框，文本，新增节点、删除图标
- 设置中继器字段
name：树形节点名称
jibie：记录当前级别
paixu：树形节点ID
xianshi：控制当前可见状态
xiaji：控制箭头显示
zhankai：记录当前展开状态
xuanzhong：记录选中状态
fuxuan：记录是否勾选
3.设置交互
鼠标点击箭头是设置选中到当前元件，并通过ID筛选当前树形下级节点
鼠标点击复选框时设置筛选id=当前树形下级时进行勾选
鼠标点击添加子节点时，新增行
鼠标点击删除图标时，删除行
中继器每项加载时，根据 每项的级别来移动当前元件位置形成树形节点
并通过字段控制是否选中、展开、是否有下级等。
思路大概就是这样
效果预览： 树形结构