自定义表单嵌套自定义页面配置指南

一、自定义表单嵌套自定义页面配置指南

图看不清，点击放大镜，就可以看清了。

这个目录下的步骤最后配置完毕后会生成一个这样弹出框里面嵌套页面的效果

1. 自定义页面

2. 选择需要开发的平台

我这里以PC端为例

3. 页面配置

点击上面操作之后会出现以下页面

左边是组件区域，主要是用来配置自定义页面的组件。

中间是自定义页面预览区域。

右边是组件页面配置区域

3.1下面开始配置页面

可以点击所需要的组件，也可以将选择的组件拖到中间的预览区域，之后就会显示刚刚选择的组件。

这里我们以属性框组件为例。

3.2组件属性配置。

详细配置请查看自定义表单配置教程

标签标题和标签大小是用来控制左侧显示的文字以及大小

栅格布局是用来控制组件宽度占用大小

标题是用来控制表格里显示的title的内容

配置属性名个属性值就会在组件里显示对应信息

添加列就会在这行增加一条可以显示的数据

这里我采用动态渲染数据，值是${Records[0].xxx}

Records就是返回接口里存放数据的，因为它是数组，所以我们取索引0，后面就是需要的字段。类似axios请求访问回来的数据，${Records[0].xxx}，这个就是我们解构的数据。

下图就是接口返回的数据

添加行就会重新创建一行数据

我们也可以删除指定字段，也可以点击右边的五角星给字段设置图标

这里我们同样可以设置文字显示的位置，以及组件样式

3.3表单事件的配置

执行动作有四个选项：

第一个是调用一个自定义函数

第二个是调用一个后端接口

第三个是弹窗相关，选择这个选项，可以选择弹出的类型，有表单类型和页面类型

第四个是调用上级接口，如果你需要用到上级接口就可以选择这个选项

我现在的选择调用后端接口，因为我这里需要调用后端一个接口

输入参数

参数名可以自定义

取值这里是选择接口里唯一字段名

注意这里需要用${字段名}包起来

类型这里选择默认的

输出参数

填写接口里存放数据的字段

输出参数就是你访问回来的所有数据，我们用Records接收。

3.4表单属性

框里的都需要添加，没有框的按需求选择

4.下面展示效果

点击自定义表单选择需要添加自定义页面的表单，点击修改

点击操作列里的自定义按钮

选择已下内容

实现的效果