阅读(1082) (0)

级联选择

2022-02-21 17:51:10 更新

1. 适用场景

选项信息是一对多的关系,且具有层次性和联动性,多用于创建主类目和所属下级子类目的场景,多用于部门选择,城市选择(比如省市区)等包含有层次关系的场景。

2. 基础功能

2.1 显示搜索

是否允许在输入框页面直接输入内容进行搜索,当层级过多时,可以开启搜索功能快速定位。

显示搜索

效果如下:

2.2 清除按钮

清除选项框内的内容

清除按钮

效果如下:

2.3 使用数据源增减修改部门

点击编辑代码之后可以看到该级联选择的数据源,都是在这里面修改增减主类目和子类目。

数据源

第一层级和第二层级分别对应的数据源内的结构:

举个例子:想要在部门、产品下面再新增选项为新部门,具体操作见下图三到图五:

3. 常见问题

3.1 如何增加子类目,也就是下属层级?

最终效果:

3.2 如何增加选项内容?

最终效果:

3.3 为什么都复制了层级结构,但设置却没有生效?

注意是否复制了完整的结构,比如【{}】【[]】这些符号是否有一起复制,以及是否有在对应的地方添加逗号,且是英文状态下的逗号,最后可以删除重新添加组件试试。

3.4 关于级联选择组件批量编辑

这个讨论区 中所说的

我们可以快速使用 这个工具