Skip to content

大纲简介

大纲用树形结构展示当前表单的全部组件层级。容器多、步骤长、子表单深时,用大纲定位往往比在画布上逐个点选更快。

大纲树

在哪里找

左侧打开组件列表,切换到大纲

能做什么

能力说明
查看结构一眼看清主表、容器、子表单的嵌套关系
选中组件点击节点,工作区与属性栏同步定位
显示/隐藏快速切换设计态下的显示状态(结构管理)
复制 / 删除在树上完成常见结构操作

和「隐藏条件」的区别

大纲里的显示/隐藏更偏设计时的结构管理。若要根据填写内容动态显隐,请使用隐藏条件

怎么用(分步)

查看与选中

  1. 打开大纲,展开容器节点。
  2. 点击目标字段。
  3. 在属性栏继续修改配置。

大纲选中同步

调整结构

  • 复制:快速复制一整段配置(如一组联系人字段)。
  • 删除:移除多余节点。
  • 需要调整顺序时,也可回到工作区拖拽,或使用上移/下移。

大纲复制删除

业务示例

入门:定位卡片内的字段

背景:表单用了多层卡片,「备注」不易选中。 步骤:大纲展开卡片 → 点击「备注」→ 右侧改必填。 预期:无需在画布上反复点选容器。

常用:检查分步表单是否漏字段

背景:请假表单有3个卡片,担心某步漏了「代理人」。 步骤:大纲按步骤节点浏览 → 确认每步字段清单 → 把误放在步骤外的字段拖回正确步骤。 预期:结构清晰,验收时有对照清单。

分步大纲树

常用:整理过深嵌套

大纲发现「卡片 → 栅格 → 卡片 → 字段」过深 → 删掉多余容器,保留一层卡片 + 栅格。见布局组件

常用:复制一整块明细区

大纲选中子表单节点 → 复制 → 改标题为「备用联系人」→ 再按需改内部字段,比逐个拖更快。

注意点

  • 大纲与工作区、JSON 描述的是同一套结构,改一处即同步。
  • 节点标题一般来自字段名称,先把标题起清楚,大纲会更好用。
  • 设计态隐藏不要当成业务隐藏条件。

相关阅读

相关技术文档