树状筛选器的使用
创建于 2022-11-01 / 最近更新于 2023-12-05 / 2114
字体:
[默认]
[大]
[更大]
场景介绍
选项之间有层级关系,需要有更方便的方式来对选项进行归类和选择。
树状筛选器的创建
新增一个树状筛选器。
树状筛选器的编辑,大致同选择类型筛选器,有微调:
step1,选择数据集;
step2,选择字段。
至少2个字段,可以添加更多个字段。字段的先后顺序即选项的层级关系。第一个字段即选项的父节点,第二个字段即其下的子节点,以此类推(层级建议不超过5个字段,过多可能会导致卡顿)
step3,编辑筛选器名称,默认名称选择的字段组合(例如省份-城市),可自行修改。
step4,选择类型。支持单选和多选。
step5,选择样式。下拉式和平铺列表式。本期可优先支持下拉式,满足大部分需求。
step6,设置默认值。只支持设置固定值形式的默认值,即直接选择选项。
step7,筛选方式, 默认不带路径
其他,选项框中,选择字段后,同步展示选项树。
筛选和排序支持用所选字段。
补充
1、树状筛选器支持搜索;
2、树状筛选器如果多选,支持全选;
3、树状筛选器的使用前提(or 最佳操作建议):树状筛选器各节点下的子节点,没有重复值。
(如有重复值,不做特殊处理,即不处理重复值的唯一路径问题。)
树状筛选器的联动
1、联动的创建
只需要配置最底层的叶子节点的联动。父节点的字段无需联动。
父节点相当是帮助归纳叶子节点的选项值。最终生效的是叶子节点的联动。
2、联动的生效
如果叶子节点被选中,则前端显示的是叶子节点选项名称,且联动条件也是叶子节点的选项;
如果父节点被选中,则前端显示的是父节点选项名称,但实际的联动条件是该父节点下所有叶子节点选项。
3 人点赞过