TreeviewCopyright © aleen42 all right reserved, powered by aleen42
移动端扫码填充表单
一、案例描述
有场景希望移动端在新增表单时通过扫码增加子表数据,每扫码一次,子表增加一条数据。如下图
二、实现步骤
1、调整yonBuilder默认构建的详情页,增加扫码组件
初始构建的详情页如下图:
在tabpane类型容器下,增加流式布局,将“增加子表”的toolbar拖入流式布局,效果如下图
在流式布局下新增一个流式布局2,流式布局2中新增扫码组件,效果如下图
调整扫码组件所在流式布局的“水平方向对齐”为居中,如下图
2、为扫码组件增加扫码完成事件,绑定前端函数,填充子表数据
扫码绑定前端函数,如下图
前端函数内容如下
function (event) { var viewModel = this; //获取扫码结果 let result = event.events; //此处模拟数据 填充子表 let data = { "dizhi":"这是地址" } viewModel.get('demo2ChildList').appendRow(data); }