树状筛选器的使用

场景介绍

选项之间有层级关系,需要有更方便的方式来对选项进行归类和选择。

树状筛选器的创建

新增一个树状筛选器。

树状筛选器的编辑，大致同选择类型筛选器，有微调：

step1，选择数据集；

step2，选择字段。

至少2个字段，可以添加更多个字段。字段的先后顺序即选项的层级关系。第一个字段即选项的父节点，第二个字段即其下的子节点，以此类推(层级建议不超过5个字段,过多可能会导致卡顿)

step3，编辑筛选器名称，默认名称选择的字段组合(例如省份-城市),可自行修改。

step4，选择类型。支持单选和多选。

step5，选择样式。下拉式和平铺列表式。本期可优先支持下拉式，满足大部分需求。

step6，设置默认值。只支持设置固定值形式的默认值，即直接选择选项。

step7，筛选方式, 默认不带路径

其他，选项框中，选择字段后，同步展示选项树。

筛选和排序支持用所选字段。

补充

1、树状筛选器支持搜索；

2、树状筛选器如果多选，支持全选；

3、树状筛选器的使用前提（or 最佳操作建议）：树状筛选器各节点下的子节点，没有重复值。

（如有重复值，不做特殊处理，即不处理重复值的唯一路径问题。）

树状筛选器的联动

1、联动的创建

• 只需要配置最底层的叶子节点的联动。父节点的字段无需联动。

父节点相当是帮助归纳叶子节点的选项值。最终生效的是叶子节点的联动。

2、联动的生效

如果叶子节点被选中，则前端显示的是叶子节点选项名称，且联动条件也是叶子节点的选项；

如果父节点被选中，则前端显示的是父节点选项名称，但实际的联动条件是该父节点下所有叶子节点选项。