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