在填报录入数据时，希望序号可以自动生成，且新增或删除数据行时，序号可以重新排序，效果如下图所示：

1.2 实现思路

修改插入行策略，添加 JavaScript 事件来实现上述效果。

注：不支持新填报预览。

1）新建数据库查询数据集 ds1，SQL 语句为：SELECT * FROM Sales

2）设计填报表格，将数据集字段拖入对应单元格，表格设计如下图所示：

3）A3 单元格插入任意字符串，B3 单元格插入公式SEQ(A3) ，然后隐藏 A 列，如下图所示：

4）将 B3 单元格的左父格设置为 C3，如下图所示：

5）H3 单元格添加 按钮控件，按钮类型选择插入行，指定单元格为 C3，并且设置插入行的行数为 1 行，即点击增加行时只增加一行。

6）在 I3 单元格增加 按钮控件 ，按钮类型选择删除行，指定单元格为 C3，如下图所示：

2.2 设置插入行策略

2.3 添加事件

1）菜单栏点击模板>模板Web属性>填报页面设置，选择为该模板单独设置，添加 3 个事件，如下图所示：

2）设置删除行前事件，如下图所示：

JavaScript 代码如下：

window.deleteflag=1;

3）设置添加行前事件，如下图所示：

JavaScript 代码如下：

window.appendflag=1;

4）设置加载结束事件，如下图所示：

JavaScript 代码如下：

if(window.deleteflag==1||window.appendflag==1){//如果是删除或者添加标记的，重新编号 
   var $tds=$('.x-table td[col=1]:visible');//获取第2列中可见的单元格（B列)  
   var n=0; 
   $tds.each(function(i,e){ 
     if(i>=2){//模板中从哪一可见行开始编号的，行号是从0开始的，所以用行号-1，比如这个模板是从第3行开始的，就是2           
          n=n+1; 
          $(e).text(n);//将当前编号重新设置 
         } 
   }); 
   window.deleteflag=0;//清除删除行标记 
   window.appendflag=0;//清除添加行标记 
 }

2.4 设置报表填报属性

 菜单栏点击模板>报表填报属性，添加内置 SQL 提交，如下图所示：

2.5 效果预览

1）PC 端

保存报表，点击填报预览，效果如下图所示：

2）移动端

注：移动端只支持插入行，不支持删除行。

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\LineForm\插入删除行重新编号.cpt

点击下载模板：插入删除行重新编号.cpt