跳到主要内容

表单跳转页面携带参数

1. 使用场景

当在一个表单中添加了数据之后不提交,通过表单里的地址链接跳转到另一个表单时,数据也会自动跳转过来。

2. 视频展示

3. 操作步骤

3.1 创建表单

首先创建两个普通表单,在 A 表单里拖拽两个单行文本组件(如图所示,第一个单行文本放链接,第二个单行文本为空);

3.2 新建动作

点击高级,找到右下角的动作设置,点击新建动作,创建获取焦点动作事件。

注:链接地址为 B 表提交数据的地址。

3.3 JS 面板编辑代码

动作事件创建完成后,左边会自动弹出一个 JS 面板,代码可以参考开发者中心的 API 文档。
文档地址:https://www.aliwork.com/developer/API#getValue

此处用了 this.utils.router.push(需要跳转的地址,参数)和 this.$(组件标识).getvalue 两种 API

export function onFocus2() { console.log('onFocus'); var val = this.$('textField_kpxpyw20').getValue(); console.log(val) this.utils.router.push("https://www.aliwork.com/APP_NO32125ZDS5EMXMN334L/submission/FORM-SM966I81HUXQFKRNW1HB00QC3C8S3BNVPQXPK09", { val: val }, true, true) }

3.4 选择 B 表单,在 B 表单里,需要添加相应的组件,修改为同样的组件名称

查看开发者中心 API 文档,可以使用 this.$(组件标识).setValue() ; 获取到表单组件中的值。

API 文档:https://www.aliwork.com/developer/API#setValue


--------------------获取宜搭最新信息,欢迎关注我们--------------------

Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4