界面套娃开发1:获取多个组件的表单数据

2024-09-02 17:27   湖北  

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

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

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

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

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

步骤4:输出测试

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


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



  • 运行测试



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


前端组态
关于页面嵌套相关技术和应用,涉及前端零代码、可视化编程等。
 最新文章