【Axure高保真原型】多级树形穿梭框选择器

今天和大家分享多级树形穿梭框选择器的原型模板，左侧多选树选择子级选项后，可以在右侧看到对应的标签，取消选中也会删除对应标签。多选树可以通过选中或取消选中父级自动选中或取消选对应的子级，也可以选中或取消选子级自动反选父级；可以点击箭头收起或展开子级。那这个原型模板是用中继器制作的，所以使用也很方便，只需要在中继器表格里填写选项信息，即可生成多级树形穿梭框选择器的效果，具体效果可以点击下方视频观看

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1&p=树形穿梭框选择器案例

【原型效果】

【Axure高保真原型】多级树形穿梭框选择器

1、展开收起效果——点击箭头可以展开或收起对应的子节点，模板最高支持6级，案例是4级的部门员工组织结构树

2、选中效果——点击未选中的子节点可以选中对应节点，并且将对应的员工信息传递到右侧

3、反选效果——点击未选中的子节点可以选中对应节点，父节点根据对应子节点的选中情况自动反选，部分选中就显示半选，全部选中显示全选。

4、取消选中效果——点击已选中的子节点可以取消选中该节点，父节点根据对应子节点的选中情况自动反选，部分选中就显示半选，全部未选中显示未选。

5、选中父级节点效果——点击未选中或半选中的父级节点可以选中该节点，对应的子级节点也会被选中。

6、取消选中父级节点效果——点击已选中的父级节点可以取消选中该节点，对应的子级节点也会被取消选中。

7、清空效果——点击右侧清空按钮，可以清空全部选中的选项