返回介绍

215.列表自定义按钮

发布于 2020-09-14 22:20:41 字数 6146 浏览 1581 评论 0 收藏 0

以下内容基于online自定义按钮和online js增强 > JS 方法名字为按钮的编码名 提醒: 如遇到规则定义不明确或是代码不理解的情况请先阅读基础篇的相关文档

  1. 通过自定按钮+js增强实现点击按钮控制表单控件的显示/隐藏 (以online demo表为例演示控制姓名控件的显示/隐藏)

  2. 1-1.进入online表单开发页面,选择demo表记录,点击自定义按钮,新增两个按钮,如下图
    输入图片说明

  3. 1-2. 进入online表单开发页面,选择demo表记录,点击JS增强,编写js,按钮编码对应方法名,如下
    输入图片说明
  4. 1-3. 表单页效果如下:
    输入图片说明

2.【主子表】通过自定按钮+js增强实现一键增加子表的多条数据/清除子表的多条数据 子表表名:a_sub_kua 子表数据字段如下(省略部分字段)

字段名描述
study_begin开始时间
study_end结束时间
school学校
note备注
  • 2-1. 进入online表单开发页面,选择一张主表记录,点击自定义按钮,新增两个按钮
    输入图片说明
  • 2-2. 进入online表单开发页面,选择上述主表记录,点击JS增强,编写js,按钮编码对应方法名,如下
    输入图片说明 > 注意: > 1.新增数据,此处是自定义一个测试的数据对象,实际开发中可以向后台发起请求获取数据,然后添加到子表 > 2.此处有几个内置方法可以调用
方法名参数描述
clearSubRowstbname传入参数子表名,用于清除子表数据。(示例如上图)
addSubRowstbname,rows传入参数子表名和数据对象,用于新增子表的数据,
rows可以是一个对象,也可以是一个数组(一次性新增多条记录)(示例如上图)
clearThenAddRowstbname,rows传入参数子表名和数据对象,用于新增子表的数据,在新增前先清除子表现有数据,参数用法同addSubRows
  • 2-3. 新增测试结果:
    输入图片说明
  • 2-4. 删除测试结果
    输入图片说明 输入图片说明

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文