这是本节的多页打印视图。 点击此处打印.

返回本页常规视图.

步骤条组件

步骤条组件

功能描述:步骤条组件通过提供一种直观、易用的界面,帮助用户更好地理解和完成任务,支持用户按照步骤进行操作,并在每一步提供反馈和指引。通过绑定任意实体,可以将实体数据以步骤条的样式展示,还可以设置当前步骤、完成步骤、未完成步骤的“编辑”、“查看”、“锁定”事件。这些事件是与用户交互的关键点,可以用于触发各种操作和逻辑,以满足应用程序的需求。同时,它还提供了灵活性和可定制性,使得开发人员可以根据具体的应用场景和需求进行定制化开发。

配置态说明

  1. 实体

a. 使用该控件,需要配置两个实体-步骤条和内容区

b. 通过筛选条件过滤出想要的数据,充当步骤条数据(使用者需要提前知道需要多少步)

  1. 指定步骤配置项 - 用于点击步骤切换内容区域

a. 创建页面变量当前步骤(名称随意),默认0,如果不从0开始,可以在单一记录中,选择数据加载后事件,建立页面规则,给该页面变量赋值

b. 配置项选择该页面变量

1718936675950

  1. 当前步骤状态配置项 - 用于判断当前内容区是否可编辑

a. 步骤状态值: 正常:edit,只读: view

b. 创建页面变量(名称随意),默认‘edit’。

c. 如上,配置项选择该页面变量

  1. 切换步骤方式配置项 - 用于区分按钮还是事件触发当前步骤的改变

a. 创建页面变量(名称随意),创建选项集,编码固定,不可修改

1718937560616

b. 如上,配置项选择该页面变量

1718948769534

  1. 数据源中,选择对应的实体字段
  2. 设置 - 控件的基础配置
  3. 风格里设置文字大小颜色显隐以及各个步骤的状态(编辑查看和锁定)
  4. 内容区设置

a. 单一记录中选择实体,按照步骤区分不用字段,根据当前步骤及步骤状态,设置字段的显隐及字段状态

1718948817272

b. 上一步下一步,需要创建页面规则,根据点击的按钮,修改页面变量(当前步骤),改变步骤状态为编辑(edit),以及步骤方式改为按钮

c. 可以选择校验实体,触发实体字段的校验规则(比如必填等)

1718948860540

运行态说明

按设计态配置展示数据(类似效果图)

1718948898014