历史版本9 :插入删除行重新编号 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

在录入数据时,希望数据库中的某列数据是1,2,3...这样的自动增长的数字编号,插入一条数据时编号自动+1,删除数据时编号自动-1。

2. 实现思路编辑

通过seq()函数给数据编号,seq()函数是返回报表执行过程中该函数执行的次数。

3. 示例编辑

3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm3.cpt
3.2 修改表样
如下图所示,在M3和N3单元格增加按钮控件,分别选择插入行和删除行,父格都设设置为C3,并且设置插入行的行数为1行即点击增加行时只增加一行。
222
3.3 自动编号设置
清空B3单元格的值,并在A3单元格输入一个固定值,比如说输入X,设置其扩展属性为纵向扩展,然后在B3单元格中输入公式=seq(A3),父格设置为C3,其意义是,对A3组内的所有数据按照C3进行编号。如下图:
222
注:a3单元格的固定值是用来分组的,如果不想其显示在模板中,可将A列进行隐藏。
3.4 插入行策略
选中B3单元格,在单元格属性表处选择其他属性>插入行策略,插入行策略选择原值,如下图:
222
3.5 保存预览
点击填报预览,预览报表,如下图:
222
点击插入行按钮,产品编号自动+1,如下图:
222
点击刚刚插入的行后面的删除行按钮,提交后,刷新一下模板,产品编号会自动-1,如下图:
222
注:如果觉得点击删除行按钮后,需要提交和刷新模板比较麻烦,可以在删除行按钮加个点击事件,点击删除后,先提交再刷新,_g('${sessionID}').writeReport();location.reload();
setTimeout(function() { _g('${sessionID}').writeReport();location.reload(); });
在线查看模板效果请点击LineForm4.cpt

已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm4.cpt

3.6 添加删除行后重新编号的另一种方法

上面实现的对插入行后重新编号效果较好,但是对于删除行后效果不佳,必须重新刷新页面,或者提交后刷新页面才会重新编号,体验不佳,而且可能导致误删除下的数据直接提交的误操作,为此,可以使用下面的方法对删除行后进行重新编号。

打开%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm4.cpt

点击模板>模板Web属性>填报页面设置,增加删除行前事件,设置一个删除标记变量,window.deleteflag=1;

222

增加添加行前事件,设置一个添加行标记变量,window.appendflag=1;

222

增加加载结束事件,检测到由于删除行或添加行引起的页面加载的话,就进行重新编号,避免页面初始化后的页面加载结束事件的重复编号。

222

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

已完成效果见下图:

222