本篇介绍在 O2OA 平台中设计审批流程表单与工作流表单的方法,采用拖拽可视化方式完成表单的设计与配置,无需编写过多代码,业务人员可以直接修改。表单涉及的事件既包含表单容器中的 HTML/DOM 对象标准事件,也包含表单系统事件。文中以表格逐项说明表单系统事件的触发时机,包括表单载入前后、保存前后、流转前后、关闭之前,以及重置处理人、撤回、调度、删除等操作前后,另有表单元素载入与容器尺寸变化场景。
本文主要介绍如何在 O2OA 中进行审批流程表单与工作流表单的设计,系统主要采用拖拽可视化的开发方式完成流程表单的设计和配置,不需要编写过多代码,业务人员可以直接进行修改操作。
表单中涉及的事件包含两种:一种是表单容器中的 HTML/DOM 对象标准事件,另一种是表单系统事件。
表单容器的 DOM 事件可参考相关的 HTML 规范:
表单系统事件如下表所示:
事件名 | 描述 |
beforeLoad | 表单被载入之前执行。 |
afterLoad load postLoad | 表单被完全载入之后执行 |
beforeSave | 在用户点击“保存”按钮,或执行 this.form.save 方法,而数据没有真正被保存之前。在表单执行流转的过程中,会先对表单数据进行保存,所以也会触发 beforeSave 事件。 |
afterSave | 在用户点击“保存”按钮,或执行 this.form.save 方法,数据被保存成功之后。在表单执行流转的过程中,会先对表单数据进行保存,所以也会触发 afterSave 事件。 |
beforeClose | 表单窗口被关闭之前。 |
submit beforeProcess | 在表单继续流转之前执行(已经填写意见和选择决策)。点击“继续流转”按钮,或执行 this.from.process 方法,都会触发此事件。 |
beforeProcessWork | 在表单继续流转之前执行,与 submit 和 beforeProcess 不同的是,beforeProcessWork 是在填写意见和选择决策窗口弹出之前执行的。 |
afterProcess | 在表单执行流转成功之后执行。 |
beforeReset | 在执行重置处理人操作之前执行。 |
afterReset | 在执行重置处理人操作之后执行。 |
beforeRetract | 在执行撤回操作之前执行。 |
afterRetract | 在执行撤回操作之后执行。 |
beforeReroute | 在执行调度操作之前执行。 |
afterReroute | 在执行调度操作之后执行。 |
beforeModulesLoad | 在表单已载入,但表单中的元素未载入之时执行。 |
afterModulesLoad | 在表单中的所有元素载入之后执行。实际执行时间与 afterLoad、load、postLoad 相同。 |
resize | 在表单所在容器的大小发生变化时执行。 |
beforeDelete | 在执行删除操作之前执行。 |
关于事件的详细编写方法,请参阅《O2OA WebAPI》。
以下文章可能对您有帮助:
相关问题讨论
相关内容