宜搭自定义页面得对话框成员组件,如何将数据传输给表单成员组件
自定义页面向表单/流程表单跳转传参操作步骤:
步骤一:创建自定义页面,在页面中拉入两个输入框和按钮组件。
在按钮上添加 onClick 事件
新建动作
点击确定
JS 面板
下述代码可直接复制在 JS 面板内,注意:需要替换组件的唯一标识。
路由跳转参考链接: https://developers.aliwork.com/docs/api/yidaAPI#%E8%B7%AF%E7%94%B1%E7%9B%B8%E5%85%B3-api 弹出消息框参考链接:https://developers.aliwork.com/docs/api/yidaAPI#%E8%B7%AF%E7%94%B1%E7%9B%B8%E5%85%B3-api
export function onClick(){ //name 和 sex 为上面输入框组件取值 const name = this.$('textField_kq6ccx2b').getValue(); const sex = this.$('textField_kq6ccx2c').getValue(); //判断如果 name 和 sex 的值存在时执行下面跳转语句 if(name && sex){ //路由跳转 //下面这个 url 为表单提交页面的url,将获取到的 name 和 sex 值以携带参数的形式传给表单页面,后面两个参数传true即可。 this.utils.router.push('https://www.aliwork.com/APP_HQP0HX4ISBM4NV6RZR8T/submission/FORM-4A9667B1JA6RJCIO2XG4X5HBAVIH32CE4C6QKC4', {name,sex},true,true); }else{ //弹出消息窗 this.utils.toast({ title: '姓名和性别字段不能为空', type: 'error', size: 'large', }) } }
步骤二:创建表单页面,在表单页面拉入单行文本组件(根据个人需求拉入需要的组件)
打开数据源点击一下urlParams
组件绑定默认值,
注意:
如果 url 中存在参数就为参数的值,否则将默认值设置为:「请输入姓名」 如果 url 中存在参数就为参数的值,否则将默认值设置为:「请输入性别」
设置姓名的默认值属性
设置性别的默认值属性
效果演示
赞1
踩0