新增/编辑页布局

1 新增/编辑页布局

1.1 设置入口

• 对象详情页面-->布局-->新增/编辑页-->点击【新增】按钮，即可进行新增布局设置。

• 对于已完成设置的布局，也可以通过点击【复制】，建立自定义布局；点击【删除】可删除自定义布局，默认布局不可删除。
• 点击【电脑端】/【手机端】，默认打开回显该布局的电脑端画布，支持用户自定义布局。
• 【手机端】布局默认跟随电脑端布局，也可以进行独立配置。

• 支持进行布局分配，对不同业务类型应用不同布局。

1.2 页面布局框架

• 工具栏+属性配置区

• 页面配置区：

1.3 工具栏

• 用户可以通过拖拽操作将【工具栏】中的元素（如容器、组件、字段等）拖放到页面配置区中，并进行布局调整。

1.3.1 容器

（1）表单容器

• 该容器可容纳字段分组、图文展示组件，适用于新增/编辑页主对象、从对象信息需要穿插显示的场景。
• 允许拖入多个表单容器。
• 表单容器与详细信息、从对象组件这两个业务组件平级，这3种组件都可以拖拽调整顺序。

1.3.2 标准组件

（1）图文展示

• 图文展示组件用于显示图片和文字内容，适用于对表单填写的注意事项、信息采集要求等进行说明的场景。
• 显示区域名称，区域名称默认：图文展示，支持编辑；
• 默认勾选显示区域名称，支持编辑；
• 默认勾选显示显示分割线，支持编辑；
• 支持图文内容的自定义编辑。

（2）字段分组

• 字段分组组件用于对字段进行归类，使页面布局更加清晰。
• 支持向“详细信息”区域和“表单容器”里拖入。

1.3.3 业务组件

（1）详细信息

• “详细信息”默认拖入画布，作为画布最外面一个框的区域名称；
• 在“详细信息”内默认新增字段分组“基本信息”，并把本对象支持的除了地区字段外的字段均拖入“基本信息”内；
• 地区字段会默认新增字段分组“地区”，地区字段分组内展示：地区-国家省市区街道/乡镇、地区-详细地址、地区-定位三个字段；字段分组放在“详细信息”中“基本信息”下方，按地区字段创建时间正序展示各地区字段分组；
• “详细信息”不支持手动删除，“详细信息”内的所有字段分组均支持手动删除，字段分组内的所有字段也均支持手动删除；

（2）从对象

• 默认拖入画布，允许删除；
• 和“详细信息”同级别，不支持拖入“详细信息”内，拖向“详细信息”内时，会提示：不允许放到此处
• 设置保存自定义布局后，如果对象新增从对象，新的从对象会自动拖入自定义布局中，不需要用户手动拖入；

1.4 页面配置区

• 用户可以通过拖拽操作将工具栏中的元素（如容器、组件、字段等）拖放到【页面配置区】中，并进行布局调整。
• 【页面配置区】可实时看到布局的效果预览，并通过拖拽、删除等操作调整布局。
• 点击【页面配置区】中的页面元素，可以在【组件配置】中进行单独的属性调整。

1.5 属性配置区

1.5.1 全局配置

• 打开布局配置页面时，右侧默认打开【全局配置】页签；
• 【全局配置】中显示当前布局的整体属性配置项；

（1）布局名称

• 显示当前布局的名称，文本框，必填，限制20个字符，超长时不可继续输入，可修改；

（2）API Name

• 显示当前布局的API名称，新建布局时支持修改，编辑布局时置灰不可修改；
• API Name主要提供给开发人员使用， 如无需要，建议不要修改；
• 只允许英文字母开头，__c结尾；
• 中间允许使用英文字母，数字，下划线；
• 如果是自定义对象，必须以__c结尾；
• 除结尾的__c外下划线不允许连续出现；
• 不能超过100个字符；

（3）布局规则

• 仅新增页、详情页布局中，显示布局规则配置。
• 布局规则配置：【配置布局规则】-->【添加布局规则】，即可进入规则配置页面。
• 设置字段满足条件时，限制显示/必填/只读效果，不满足时隐藏/非必填/可输入

1. 场景设置：新增页实例化时，对选中的场景进行布局规则的条件判断控制，未选中的场景不控制。
2. 条件设置：满足条件设置时，在当前布局实例化页面中执行控制操作的效果。
3. 控制操作：支持添加显示字段、必填字段和只读字段三种控制操作。

• 规则配置完成后会显示规则卡片，并按照规则设置显示对应设置信息；支持对规则卡片进行编辑、复制和删除。

• 已完成规则配置后在【布局规则】处会显示“已配置”提醒信息。

1.5.2 组件配置

• 在页面配置区选中区域或者组件可以进行进一步的属性编辑。

（1）区域

• 支持区域名称的修改、显示。
• 支持是否显示分割线。

• 从对象区域还支持【操作按钮】通用按钮、单条按钮、批量按钮的相关显示和排序调整；支持【汇报展示】功能。

（2）字段

• 固定显示对象字段名称，且不支持修改。
• 支持对字段的必填和可读进行调整。

1.5.3 自定义能力

• 支持添加【页面初始化】、【字段变更】和【从对象事件】三类事件，详细概述及适用场景参见“布局概述”中的自定义能力部分文章；事件仅在布局中生效。

（1）页面初始化

• 只支持添加一次【页面初始化】事件，页面渲染前触发。
• 执行动作通过函数进行后端处理，支持函数名称搜索、选择已发布函数、新增函数；

• 新增函数时支持选择函数模板、并进行函数的自定义编辑；

• 函数相关问题支持通过【函数小助手】协助编辑，函数详细内容参见“函数管理”文章。

• 执行动作支持再次编辑和删除。

（2）字段变更

• 【字段变更】事件支持多次添加；字段数据变更且失焦时触发。
• 【选择触发字段】支持多项选择。
• 【执行动作】相关操作同“页面初始化”。

（3）从对象事件

• 【从对象事件】事件支持多次添加；从对象数据变更时触发。
• 【触发条件】“新增数据”仅当主动新增一行或批量新增后触发；“编辑数据”仅当从对象字段数据变更且失焦时触发；“删除数据”仅当主动删除一行或批量删除后触发。
• 【执行动作】相关操作同“页面初始化”。

1.6 实例化效果