uiotos页面嵌套界面套娃示例:获取多个组件的表单数据| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、乐吾乐

87 阅读1分钟

​前端界面中,表单数据非常重要,比如登录用户名、密码、用户信息,对应输入框、单选框、下拉框等组件,提交时,获取字段和值,给到接口。

UIOTOS零代码开发中,对话框嵌套表单页面,就能轻松获取表单数据:

图片

步骤1: 用户名、密码输入框,分别设置标识 username、password。设置的标识,就可以作为表单数据的字段名称。

图片

步骤2: 用户名、密码输入框的值内容属性,分别设置表单属性标记。设置后,对应的属性值,就是表单字段对应的值。

步骤3: 上层页面,拖入对话框,把前面页面套娃过来。勾选纯表单即可。

步骤4: 输出测试

  • 拖放一个按钮,用于触发弹窗

  • 拖放一个对话框,用于接收结果

  • 运行测试

小结: UIOTOS支持表单页面任意嵌套,通过简单配置,就能获取任意组件属性的键值对,构成表单数据,字段可自定义。在搭建组态HMI、上位机、中后台系统等IoT应用功能时,十分便利。