第1个回答 2024-09-04
分享多级树形穿梭框选择器的原型模板，左侧多选树选择子级选项后，右侧即显示对应标签。取消选中则移除标签。模板支持选中或取消选中父级自动调整子级状态，反之亦然。点击箭头展开或收起子级。通过中继器制作，只需表格内输入选项信息，即可生成多级树形穿梭框效果。具体使用与效果，通过下方视频观看。
【原型效果】
1、展开收起功能 - 点击箭头，可展开或收起子节点。模板最高支持至6级，案例为4级部门员工组织结构树。
2、选中功能 - 点击未选中的子节点，选择对应节点，并将员工信息传递至右侧。
3、反选功能 - 点击未选中的子节点，选择对应节点。父节点根据子节点选中状态自动反选。部分选中显示半选，全选则全选。
4、取消选中功能 - 点击已选中的子节点，取消选中，并自动调整父节点状态。半选或全选状态均显示相应提示。
5、选中父级功能 - 点击未选中或半选中的父级节点，选择父级，子级节点随之被选择。
6、取消选中父级功能 - 点击已选中的父级节点，取消父级选择，子级节点随之取消选择。
7、清空功能 - 点击右侧清空按钮，清除所有选中选项。