关联选择器

关联选择器

适用场景

关联选择器可以获取到被关联的表单的一个数据作为当前表单的数据。一般多用于单选/多选/下拉单选/下拉多选/复选类组件的选项类型设置。通过设置”联动条件“可以快速过滤出待选项内容。

属性介绍

属性分类	属性名称	属性作用
基本属性	组件ID	组件在当前页面的唯一标识。
组件标题	定义组件标题，支持常量输入、表达式输入、无输入三种种模式。
展示方式	支持编辑模式、只读模式、文本模式和继承父组件模式四种模式，用以页面在不同业务模式下的展示区分。
显示条件	定义组件显示条件，支持表达式输入和无条件两种模式。
数据属性	选择字段	选择要做关联的字段
数据联动	联动形式： 联动的形式，分为下拉列表和页面两种形式。下拉列表：要选择的关联对象将以下拉列表形式展示。页面：要选择的关联对象将在新指定的页面中展示，新页面为自定义页面，该页面建议仅包含表格组件。
展示字段： 在下拉列表或者页面中展示的选项值（一般是被关联对象的某一个字段，也可选择被关联对象）
联动条件： 用来设置筛选条件，用来筛选下拉或者页面的可选值
校验规则	必填	同以上组件中的必填校验
自定义函数	同以上组件中的自定义函数校验
交互属性	值变化	关联下拉或者页面的值变化时，要触发的动作。

基础功能

当你需要在表单中选择表格数据中的某一项或者多项时，可以采用关联选择器。基本用法如下：（我们做一个学生录入年级的功能）

步骤1：新建学生对象和年级对象，并且创建一些修饰字段：

步骤2： 创建关联关系，将学生中的年级字段与年级对象关联起来

步骤3： 配置页面。

步骤4： 在学生录入页面配置关联年级的详情。

“联动条件”的配置这里做个解释：

我们已年龄为例，7岁对应1年级，8岁对应2年级...

步骤5： 预览页面，首先录入一些年级信息，然后录入学生信息:

高级功能

当联动条件为“页面”时，还是以上的例子。步骤如下：

步骤1： 修改联动形式

步骤2： 新建步骤1中的列表页面

步骤3： 拖入表格组件，并且 选择对象 -> "年级信息"，自动导入。

步骤4： 预览 -> 新增学生信息

弹出年级信息列表，就可以选择对应年级

至此，页面形式的联动也以演示完毕。