JS实现编辑结束后回车插入行

1. 概述
1.1 预期效果

填报时，页面上不想添加插入行按钮，希望实现当编辑完本行最后一个单元格时，点击回车插入一行。预期效果如下图所示：

1.2 实现思路

给最后一个单元格的控件添加「编辑结束」事件，通过 JavaScript 代码实现。

2. 示例

2.1 报表设计

给 A2 、 B2 、C2 单元格分别添加一个文本控件，A2 单元格扩展方向设置为纵向扩展，输入对应标题，如下图所示：

2.2 添加事件

选中 C2 单元格，在「控件设置>事件」里添加「编辑结束」事件。

先添加一个参数 row，值选择「公式」输入 row()，获取当前行号。再输入 JavaScript 代码如下：

1. setTimeout(function(){
   
2.         contentPane.appendReportRC(1,"A"+row);//在选中行后面插入 1 行
   
3.         },200)

复制代码

注：appendReportRC 只适用于填报报表。

2.3 报表填报属性设置

点击菜单栏「模板>报表填报属性」，增加一个「内置SQL」提交，选择数据库 FRDemo 中的 「销量」表，智能添加表格中涉及的字段和对应的单元格，如下图所示：

2.4 效果预览

保存报表，点击「填报预览」，效果同 1.1 节预期效果一致。

注：不支持移动端。

3. 模板下载

已完成模板可参见：%FR_HOME%\webroot\WEB-INF\reportlets\doc\Form\JS实现编辑结束后回车插入行.cpt

点击下载模板： JS实现编辑结束后回车插入行.cpt (4.44 KB, 下载次数: 77)

2021-5-6 11:00 上传

点击文件名下载附件

不错不错

感谢楼主分享经验

真好真好

感谢分享

有没有移动端的版本，这个js放到移动端不起作用啊