移动端扫码填充表单

一、案例描述

有场景希望移动端在新增表单时通过扫码增加子表数据,每扫码一次,子表增加一条数据。如下图

二、实现步骤

1、调整yonBuilder默认构建的详情页,增加扫码组件

初始构建的详情页如下图:

在tabpane类型容器下,增加流式布局,将“增加子表”的toolbar拖入流式布局,效果如下图

在流式布局下新增一个流式布局2,流式布局2中新增扫码组件,效果如下图

调整扫码组件所在流式布局的“水平方向对齐”为居中,如下图

2、为扫码组件增加扫码完成事件,绑定前端函数,填充子表数据

扫码绑定前端函数,如下图

前端函数内容如下

function (event) {
  var viewModel = this;
  //获取扫码结果
  let result = event.events;
  //此处模拟数据 填充子表
  let data = {
    "dizhi":"这是地址"
  }
  viewModel.get('demo2ChildList').appendRow(data);
}
Copyright © 用友 -【生态技术部】 2021 all right reserved,powered by Gitbook修订时间: 2022-06-29 15:37:46

results matching ""

    No results matching ""