跳到主要内容

表单中 / 自定义页面 Url 参数回填

1. 使用场景

本例介绍一下在宜搭自定义页面 / 表单页面中如何使用 Url 地址参数。

2. 实现功能

下述操作自定义页面 / 表单页面通用。

2.1 创建表单页面

2.2 配置 Url 参数绑定

直接获取 url 参数通过数据源变量直接绑定在表单上,这种方式适合只有少数参数是,或通过这个参数做一些判断的情况使用。

如果需要获取另个表单的数据,则需要通过 url 传递表单实例 id, 再通过实例 id 查询更多的数据填充到表单中。

通过 this.state.urlParams.xxx 去获取 url 上的参数。

3. 示例:通过实例 id 获取数据填充

3.1 配置表单页面

3.2 配置数据源

参考文档:根据表单实例 ID 查询表单实例详情

接口配置如图:

3.3 将下述代码拷贝至页面JS中

export function didMount() {
this.dataSourceMap.getData.load().catch((e) => {
this.utils.toast({
title: e.message,
type: 'error',
size: 'large',
duration: 2000, // 毫秒, type 为 loding 时无效
});
});
}

export function didFetch(content) {
if (content.formData) {
const { formData } = content;
return {
numberField_lbcz47cb: formData.numberField_lbcz47cb,
numberField_lbcz47c9: formData.numberField_lbcz47c9,
textField_lbcz47c7: formData.textField_lbcz47c7,
textareaField_lbcz47ce: formData.textareaField_lbcz47ce,
}
}
return {};
}

3.4 配置字段映射

4. 实现效果

5. 在线试玩

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