【Axure】三级多选树

效果

1.单击向右的箭头时，展开下一级，当前箭头方向改为向下

2.单击向下的箭头时，收起下级所有项目，当前以及下级箭头方向都改为向右

3.单击未选中的项目时，选中当前项目，并判断是否反选上级项目

4.单击已选中的项目时，取消选中当前项目，以及对应的上级项目

概况

交互

1.单击箭头展开和收起对应选项

2.选中和取消选中

说明：通过中继器的值和面板状态来控制是否选中，而非通过单击复选框来选中。

2.1选中

单击未选中的一级选项时，选中当前一级选项对应的所有二级选项和三级选项：

单击未选中的二级选项时，选中当前二级选项对应的所有三级选项。并且判断是否反选一级选项。所以这里涉及逻辑计算。

逻辑：通过筛选该二级选项所在一级选项所包含的所有选项。判断当前中继器可视项目数与已选中的项目数+1是否相等。相等时则需要反选，否则不需要。

添加文本标签-中继器加载第一项时设置其值为0。xuanzhong=1时文本标签+1

单击未选中的三级选项时，选中当前三级选项。并判断是否需要选中对应的二级选项，进一步判断是否需要选中对应的一级选项。逻辑同上。

2.2取消选中

重点：

1.两个触发事件需要放在动态面板的【未选中状态】中。

2.未选中状态下的不同层级的交互。

3.中继器可视项目数的表达方式。[[LVAR1.Repeater.visibleItemCount]]