首页 > 编程语言 >UIOTOS示例:自定义弹窗输出表单数据 | 前端低代码 前端零代码 web组态 无代码 amis goview dataroom 界面嵌套 蓝图连线 nodered

UIOTOS示例:自定义弹窗输出表单数据 | 前端低代码 前端零代码 web组态 无代码 amis goview dataroom 界面嵌套 蓝图连线 nodered

时间:2024-09-24 14:36:54浏览次数:1  
标签:内嵌 自定义 对话框 代码 表单 组态 前端 弹窗

目标

对话框作为容器组件,可以隐藏掉默认的窗体头和脚,完全由内嵌页自定义,参见对话框自定义外观。并且也能获取弹窗纯表单数据,如下所示:

 

步骤

内嵌页

1. 新建

略。

2. 拖放组件

拖放三个输入框,标识分别施志伟idnamephone;两个按钮标识分别设置为cancelok

 

主页面

1. 新建

新建主页面,拖入对话框组件,并将上面搭建的内嵌页地址,填入对话框的页面路径中。

2. 设置

勾选对话框的纯表单属性,取消头部显示脚部显示

 

3. 连线

连线关联内嵌确定按钮的点击事件,操作对话框的值内容和弹窗。当然,操作值内容的关联属性可以为空。

 

随后勾选对话框的弹窗属性,输入内容后,点击确定,即可输出表单到打印内容的对话框中。表单的字段为输入框的标识字符串,值为输入内容。

小结

不论是对话框默认的确定按钮,还是内嵌页的确定按钮(标识为ok),点击都能输出对话框的表单数据。尤其对于自定义弹窗外观的对话框来说,很有必要。

示例附件:

标签:内嵌,自定义,对话框,代码,表单,组态,前端,弹窗
From: https://www.cnblogs.com/iotos/p/18429094

相关文章

  • VsCode使用git上传代码登录问题
    问题场景我在VsCode上传代码到gitee的时候遇到上传不了的问题,起初我在添加远程仓库链接的时候使用的是ssh链接来上传自己的代码,然而始终上传不了,在上传的时候VsCode一直提醒我是否继续连接,我感觉可能使用ssh链接是连接不上了。然后我去百度了一下,有人说要用http的链接,我就将远......
  • 51单片机四路DS18B20温度检测系统代码与Proteus仿真图
    资料下载地址:51单片机四路DS18B20温度检测系统代码与Proteus仿真图1、仿真图2、代码 voidmain(void){uintk;ucharnumber;BEEP=1;LCD_Initial();//init_lcd();writestring(0,0,"SearchSensor");delayms(800);numb......
  • Python字典进阶:setdefault技巧让你的代码更优雅,用setdefault优化你的Python数据处理流
    推荐阅读:数据科学的秘密武器:defaultdict——Python字典的自动化填充神器,让数据结构更灵活一、什么是setdefaultPython中的setdefault方法是字典(dict)类型的一个非常实用的方法,它允许开发者在尝试访问字典中不存在的键时,自动为该键设置一个默认值,并返回这个默认值。 二、s......
  • 【组件】前端js HEIC/HEIF 转换为JPEG、PNG或GIF格式 苹果格式
    【组件】前端jsHEIC/HEIF转换为JPEG、PNG或GIF格式Heic2any:Client-sideconversionofHEIC/HEIFimagefilestoJPEG,PNG,orGIFinthebrowser.https://alexcorvi.github.io/heic2any/#demoGitHub-alexcorvi/heic2any:ConvertingHEIF/HEIFimageformatstoPNG/GIF/J......
  • 后台管理前端设计器,个人商用1999!源码学习
    WEB组态和大屏设计器,在IoT项目中十分常见,通常是这样: WEB组态 大屏设计器但实际项目除了展示,通常还有后台管理。此前,这部分通常需要vue开发。有了UIOTOS,就能0基础,组态一样,搭建整个管理界面。 示例效果这是一款前端零代码组态工具,无需学习js、html、css,能一站式搭建多......
  • CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
    前言今天大姚给大家分享一款由.NET开源、免费、强大的VisualStudio代码简化、整理、格式化实用插件:CodeMaid。工具介绍CodeMaid是一款由.NET开源、免费、强大的VisualStudio实用插件,旨在帮助开发者简化、清理和格式化他们的C#、C++、VB.NET、F#、XAML、CSS、LESS、SCSS、Java......
  • 第10章1节:认识循证医学中的Meta分析,并予代码演示分析绘图
    Meta分析作为循证医学的重要组成部分,通过系统评价和定量合成多个研究结果,提供了科学可靠的证据支持。尽管Meta分析在实际应用中面临诸多挑战,但其在提高统计效能、识别异质性和偏倚方面的优势使得它在医学研究和临床决策中占据重要地位。随着技术的发展和数据处理能力的提升,Met......
  • CodeMaid:一款基于.NET开发的Visual Studio代码简化和整理实用插件
    前言今天大姚给大家分享一款由.NET开源、免费、强大的VisualStudio代码简化、整理、格式化实用插件:CodeMaid。工具介绍CodeMaid是一款由.NET开源、免费、强大的VisualStudio实用插件,旨在帮助开发者简化、清理和格式化他们的C#、C++、VB.NET、F#、XAML、CSS、LESS、SCSS、JavaScri......
  • Deformable-DETR改进|爆改模型|在可变形编解码器之间加入RT-DETR中的CCFM模块(附代码+
    一、文本介绍本文修改的模型是Deformable-DETR,修改的位置是在可变形编码器和可变形解码器之间,在可变形编码器和可变形解码器之间加入RT-DERT中的CCFM模块,CCFM模块的输入为可变形编码器的最高层级特征图以及backbone的输出。CCFM模块可以提升模型的特征融合能力。二、模型图......
  • 代码管理系统简介与部署git、gitHub、gitLab
            在开发一个项目时,如果只有几十行代码或几百行代码时维护还算简单,但是当代码数量达到一定程度或两三个人共同开发一个项目时,就很容易会出现代码混乱、冲突、排错难等问题。当代码编写完成以后发现整个项目运行不了时,提交的代码也无法确认到责任人,导致维护项目时......