评论

表单新增和查询场景的应用实践

表单应用实践

实践步骤

表单新增场景

1. 构建表单场景数据模型。

1.1 新建数据模型活动报名,其中字段选择活动关联活动名称模型。

1.2 活动名称模型结构展示,其中将活动名称设为主列。

1.3 活动名称模型数据填充展示。

2. 编辑器中使用表单组件,表单场景选择新增,数据模型选择活动报名,代码区新增变量 var1,类型为对象。

3. 调整表单容器提交按钮事件面板,执行事件结构如下。

3.1 变量赋值事件,在数据源方法执行后触发 event 事件,将返回结果赋值给变量 var1。



3.2 打开页面事件,这里以表单提交详情目标页面(目前页面可以提前创建),并传递参数 ID,ID 值绑定变量如下。

3.3 变量 var1 数据结构展示。

{
  "id": "a453259766603632025661ec43aa40b0",  
  "Id": "a453259766603632025661ec43aa40b0"
}

4. 目标页面使用数据详情组件,选择数据筛选条件。

筛选条件展示,其中 $w.page.dataset.params.id 为上一页面传递过来的参数 ID。

5. 场景构建完成,填写表单信息。

更多参考官方文档:https://cloud.tencent.com/document/product/1301/107123

最后一次编辑于  06-07  
点赞 0
收藏
评论
登录 后发表内容