Online之JS增强+自定义按钮

以下内容基于online自定义按钮和online js增强,如遇到规则定义不明确或是代码不理解的情况请先阅读基础篇的相关文档

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

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

  • 1-2. 进入online表单开发页面,选择demo表记录,点击JS增强,编写js,按钮编码对应方法名,如下输入图片说明
  • 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. 删除测试结果输入图片说明输入图片说明