页面组装

  • 点击右上角图标,进入设计界面;
  • 进入菜单【APP 设计器】,找到对应 APP,点击编辑,进入后台编辑界面;
  • 进入菜单【界面管理 >> 界面设计】,新建空白页面,如下图所示;
  • 创建成功后,点击画布右上角编辑图标,进入画布编辑界面;
  • 点击【表单库】,拖拽对应组件组装页面;

控件名称

控件名称与字段名称保持一致;

低代码集成案例-设置控件名称

隐藏域

存放行记录编辑 ID;

低代码集成案例-设置隐藏域

数据初始化

初始化绑定当前行记录数据信息;

注意:"参数对应"

编辑页面的输入框的控件名称需要和查询页面加载脚本中的 params 参数对应,这样点击跳转后,数据会进行填充回写。

低代码集成案例-数据初始化

低代码集成案例-数据初始化脚本

提交

编辑页面与新增页面类似,脚本代码也相同,在脚本代码中配置了 updateServiceName 的服务,将提交按钮绑定单击事件,设置脚本即可进行页面功能验证。

低代码集成案例-编辑信息提交

编辑按钮

  • 退出当前页面,进入【列表页面】;
  • 选中表单控件;
  • 右侧工具栏,选择【交互 >> 事件 >> 选择 内容加载 事件 >> 点击设置 >> 进入脚本编辑页面】

低代码集成案例-编辑按钮加载

低代码集成案例-编辑按钮加载脚本

功能调试

  • 点击右上角【预览】按钮,选择某一行记录,点击行右侧【编辑】按钮,进入界面;
  • 初始化加载当前行记录数据成功;
  • 修改控件参数值,点击【提交】按钮,提交编辑信息;
  • 页面弹出【操作成功】对话框;
  • 关闭对话框,回到列表页面,看到选择行记录信息已更新,则表示编辑页面开发完成;

低代码集成案例-编辑按钮点击

低代码集成案例-编辑信息提交

脚本对象 Demo

APP集成案例之WMS ∣ JavaScript:页面跳转

APP集成案例之WMS ∣ JavaScript:编辑页面


关联文章

APP集成案例之WMS ∣ 低代码集成开发概述

APP集成案例之WMS ∣ 步骤一:创建对象模型

APP集成案例之WMS ∣ 步骤二:列表页面

APP集成案例之WMS ∣ 步骤三:增加列表记录

APP集成案例之WMS ∣ 步骤五:删除列表记录