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

1.1 预期效果

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

1.2 实现思路

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

2.1 报表设计

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

2.2 添加事件

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

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

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

2.3 报表填报属性设置

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

2.4 效果预览

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

注：不支持移动端。

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

点击下载模板：JS实现编辑结束后回车插入行.cpt