🎨 对象画面布局管理(ObjectLayouts)

管理对象的画面布局(Page Layout),支持布局的创建、编辑、删除和默认布局设置,通过 LayoutBuilder 编辑器进行可视化设计。

概述

ObjectLayouts 是对象的画面布局(Page Layout)管理页面。布局决定了记录详情页和编辑页的字段排列方式。用户可以创建布局、通过 LayoutBuilder 编辑布局、设置默认布局以及删除布局。

截图

核心功能

1. 布局列表

列名说明
名称布局名称
对象名称关联的对象
布局区域数量布局中包含的区域(Section)数量
是否默认是否为默认布局

2. 布局操作

页面级操作:新建(打开 LayoutForm 模态框)、设置成默认

行操作:编辑(新标签页打开 LayoutBuilder)、设置默认、删除(带确认)

3. Toast 通知系统

操作结果通过 Toast 通知用户(success / warning / error),3 秒后自动消失。

页面交互流程

ObjectLayouts 页面
[新建] → LayoutForm Modal → 创建成功后刷新列表
[编辑] → 新标签页打开 /builder?layoutId=xxx
LayoutBuilder 详情参见 LayoutBuilder.md
[设置默认] → setDefaultLayout API → 刷新列表
[删除] → 确认对话框 → deleteLayoutById API

技术要点

  • API 接口:getLayoutsByObject, setDefaultLayout, deleteLayoutById
  • LayoutBuilder 跳转:window.open('/builder?layoutId=...', '_blank')
  • Toast 通知:使用 ToastContainer + Toast 组件
  • 确认对话框:使用原生 window.confirm
  • 组件库:@salesforce/design-system-reactCard, DataTable, Button, Toast

关联组件

截图

🖼️
ObjectLayouts 主页面布局列表 — 待插入
../../images/product/one_platform/object-layouts-main.png
截图
🖼️
设置默认布局 Toast 通知 — 待插入
../../images/product/one_platform/object-layouts-toast.png
🖼️
点击编辑跳转 LayoutBuilder — 待插入
../../images/product/one_platform/object-layouts-edit.png

需要定制化解决方案?

我们的团队可基于现有产品为您量身打造专属 Salesforce 工具链。

联系我们