多对多的表格 点击添加按钮打开一个表单弹窗

多对多的表格 点击添加按钮打开一个表单弹窗

默认情况下,多对多的表格上方的添加按钮点击后,打开的是个表格 ,如果您期望点击添加按钮打开的是个表单页面,那么可以按照下方的操作来

1: 先从界面设计器拖一个多对多的字段进来

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

2: 将该字段切换成表格,并拖入一些字段到表格上
数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗
数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

3: 选中添加按钮,将其隐藏

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

4: 从组件区域的动作分组中拖一个跳转动作,并且进行如下的配置

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

5: 属性填写好后进行保存,然后在设计弹窗

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗
数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

6: 拖入对应的字段到弹窗中, 当弹窗界面设计完成后,再把保存的按钮拖入进来

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

数式Oinone低代码-多对多的表格 点击添加按钮打开一个表单弹窗

这样多对多的添加弹窗就变成了表单

Oinone社区 作者:汤乾华原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/4404.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
汤乾华的头像汤乾华数式员工
上一篇 2023年11月9日 下午3:31
下一篇 2023年11月9日 下午5:37

相关推荐

  • oio-spin 加载中

    用于页面和区块的加载中状态。 何时使用 页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。 API 参数 说明 类型 默认值 版本 delay 延迟显示加载效果的时间(防止闪烁) number (毫秒) – loading 是否为加载中状态 boolean true wrapperClassName 包装器的类属性 string …

    2023年12月18日
    44100
  • 自定义字段组件如何处理vue组件内的表单校验

    介绍 本示例以字符串字段为业务场景,将输入框用element-plus的组件实现了一遍,vue组件内在onMounted生命周期内将ElForm表单实例通过ts组件内提供到props的setFormInstance方法设置到了ts组件的属性formInstance上,这样就可以在ts组件校验方法validator()触发的时候直接调用表单组件实例formIn…

    2024年9月6日
    61300
  • 移动端端默认布局模板

    默认布局 表格视图(TABLE) <view type="TABLE"> <view type="SEARCH"> <element widget="search" slot="search" slotSupport="field&quot…

    2024年12月11日
    34100
  • 【前端】移动端工程结构最佳实践(v4/v5)

    阅读之前 你应该: 了解node与npm相关内容 了解lerna包管理工具的相关内容 官方文档 了解git仓库的相关内容 了解rollup的相关内容 工程结构包示例 Vue项目结构包下载-v4.7.xVue项目结构包下载-v5.2.x 工程结构详解 工程结构 ├── packages │   ├── kunlun-mobile-boot │   │   ├─…

    前端 2023年11月1日
    32600
  • 运行时上下文API文档(v4)

    运行时上下文 RuntimeContext export interface RuntimeContext<Framework = unknown> extends ContextNode<RuntimeContext<Framework>> { /** * 框架实例 */ frameworkInstance: Frame…

    2023年11月1日
    22600

发表回复

登录后才能评论