历史版本5 :[通用]JS填报自定义一次插入固定行数 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

在移动端中,输入需要新增的行数 N,点击即可插入 N 行,如下图所示: 

移动端填报插入指定行.gif

1.2 实现思路

使用 js 获取行数,使用 appendReportRow 来添加行

2. 示例编辑

2.1 模板设计

如下图所示,设计模板。

  • B1 单元格新增「数字控件」

  • A2,B2,C2 单元格新增「文本控件」,并设置扩展方向为「纵向扩展」

  • D2 单元格新增「按钮控件」,类型为插入行,指定单元格 A2 ,行数设置为 0 

2021-01-29_10-01-28.png

2.3 添加JS事件

选中 D2 单元格添加点击事件。如下图所示:

1600334724343126.png

 JS 代码如下:

var a=contentPane.getCellValue(1,0); //获取指定单元格的值,移动端只能指定单元格获取
_g().appendReportRow(this.options.location, this.options.reportIndex,a);

2.4 效果预览

同时支持 App 和 H5 端预览。效果参见本文 1.1 节。

3. 模板下载 编辑